This post is only for demo, some contents may be archived.

Please check document for newest details: Document

Update History

  • May 30th, 2017 Added a reading progressbar for post page.

  • May 6th, 2017 Updated font page Added global font style

  • April 3nd, 2017 Added new font

  • Mar 5th, 2017 Updated style

  • Mar 1st, 2017 Updated TOC plugin

  • Feb 28th, 2017 Rebuild to include Bootstrap 4-Alpha and JQuery 3


This is a personal blog source code.

The theme name is ‘Project Gaia’, cuz I have another under building project named ‘Project Uranus’ o( ̄▽ ̄)o

repo link: szhielelp/JekyllTheme-ProjectGaia

Post Example

Here is a post example

[Please check the code in Markdown]



Realized with this repo: syntaxhighlighter/syntaxhighlighter

Usage(include necessary CSS and JS and run SyntaxHighlighter.all()):


Here is code snippet example:

    [please check the post markdown here]

Table of Content

Realized with this repo: jgallen23/toc

Auto-run when page loaded.


Realized with this repo: szhielelp/md-post-header-collapse

Run $.headerCollapseRobot() after post loaded.

    /*header collapsible example*/
      arr_Id_CollapseEnds =  new Array("end"),                       
      arr_Collapsible_Tag = new Array("H1","H2","H3"),                       
      arr_ExcludeElemPrefix_InCollapsible  = new Array("comment-"),      
      arr_ExcludeElemPrefix_InCollapsing = new Array("sidebar-toc-Ik4D-")

You can try clicking on the icons near titles.

Stickie Post

Just put a attribute in header of the specific post:

layout: post
title: blablablalala
category : Comic
tags : [Comic, 10101]
stickie: true

Then current post will show ahead of other posts.

Reading Progressbar

Inspired from

It will show your reading progress for current post.

(update the code to your comment plugin in comment-full.html)