Try โ€‚โ€‰HackMD

Github Academic Page Tutorial

Demo

https://goroyeh56.github.io/

Create a New Github Page Repository

Please follow the below tutorial:
How to create your own github page

Create a New navigation branch

Steps:

  1. _data/navigation.yml, add a new branch.
# main links links main: - title: "Projects" url: /projects/
  1. at _page/, new a xxx.html and fix its content.
--- layout: archive title: "Projects" permalink: /projects/ author_profile: true --- {% include base_path %} {% for post in site.projects reversed %} {% include archive-single.html %} {% endfor %}
  1. at include/archive-single.html,

    below line

{% 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:

{% 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 %}
  1. Create a new folder name _projects
    and new some .md file or .html file below it.
    Attitude_Control_and_Determination.md

This is where you write your webpage with markdown language!

--- 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)
  1. at config.yml:
    edit 2 locations:
    (1) #Collections:

    โ€‹โ€‹โ€‹โ€‹projects: โ€‹โ€‹โ€‹โ€‹ output: true โ€‹โ€‹โ€‹โ€‹ permalink: /:collection/:path/

    (2) #Defaults:

    โ€‹โ€‹โ€‹โ€‹ # _projects โ€‹โ€‹โ€‹โ€‹ - scope: โ€‹โ€‹โ€‹โ€‹ path: "" โ€‹โ€‹โ€‹โ€‹ type: projects โ€‹โ€‹โ€‹โ€‹ values: โ€‹โ€‹โ€‹โ€‹ layout: single โ€‹โ€‹โ€‹โ€‹ author_profile: true โ€‹โ€‹โ€‹โ€‹ share: true โ€‹โ€‹โ€‹โ€‹ comments: true

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’


tags: Github Page Personal Page Academic Porfolio YML HTML Markdown