Desc

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

Desc

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]

Plugins

SyntaxHighlighter

Realized with this repo: syntaxhighlighter/syntaxhighlighter

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

      SyntaxHighlighter.all();

Here is code snippet example:

    [please check the post markdown here]
    

      

        List
        Link
      
    

Table of Content

Realized with this repo: jgallen23/toc

Auto-run when page loaded.

md-post-header-collapse

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

Run $.headerCollapseRobot() after post loaded.

    /*header collapsible example*/
    $.headerCollapseRobot(
      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 http://es6.ruanyifeng.com/#docs/promise

It will show your reading progress for current post.