# Github Academic Page Tutorial [TOC] ## Demo https://goroyeh56.github.io/ ## Create a New Github Page Repository Please follow the below tutorial: [How to create your own github page](https://github.com/academicpages/academicpages.github.io) ## Create a New navigation branch ### Steps: 1. `_data/navigation.yml`, add a new branch. ```html= # main links links main: - title: "Projects" url: /projects/ ``` 2. at `_page/`, new a xxx.html and fix its content. ```html= --- layout: archive title: "Projects" permalink: /projects/ author_profile: true --- {% include base_path %} {% for post in site.projects reversed %} {% include archive-single.html %} {% endfor %} ``` 3. at `include/archive-single.html`, below line ```html= {% if post.read_time %} <p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p> {% endif %} ``` **Add** content below: ```html= {% if post.collection == 'projects' %} <p> {{ post.type }}, <i>{{ post.venue }}</i>, {{ post.date | default: "1900-01-01" | date: "%Y" }} </p> {% elsif post.collection == 'publications' %} <p>Published in <i>{{ post.venue }}</i>, {{ post.date | default: "1900-01-01" | date: "%Y" }} </p> {% elsif post.date %} <p class="page__date"><strong><i class="fa fa-fw fa-calendar" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].date_label | default: "Published:" }}</strong> <time datetime="{{ post.date | default: "1900-01-01" | date_to_xmlschema }}">{{ post.date | default: "1900-01-01" | date: "%B %d, %Y" }}</time></p> {% endif %} ``` 4. Create a new folder name `_projects` and new some .md file or .html file below it. `Attitude_Control_and_Determination.md` :::success This is where you **write your webpage** with markdown language! ::: ```html= --- title: "PID Balance Ball and Beam" collection: projects type: "Final Project" permalink: /projects/pid_balance venue: "Logic Design Laboratory, National Tsing Hua University" date: 2019-01-10 location: "Hsinchu, Taiwan" --- A c++ based game of Minions. Keep running and eat bananas. Don't get killed! Demo ====== * [video](https://www.youtube.com/watch?v=5ZsmPJ2sm04&fbclid=IwAR0dP_NIaNfAYmW3wBxJhcEWSS3uVGnSsG4pbj3z9qTsjU4pa9ef_fZ0P44) Github ===== * [repo](https://github.com/evamo0508/minions_game) ``` 5. at config.yml: edit 2 locations: (1) `#Collections`: ```html= projects: output: true permalink: /:collection/:path/ ``` (2) `#Defaults`: ```html= # _projects - scope: path: "" type: projects values: layout: single author_profile: true share: true comments: true ``` ---  --- ###### tags: `Github Page` `Personal Page` `Academic Porfolio` `YML` `HTML` `Markdown`
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up