# 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`