zerowinning / zerowinning.github.io

Bootstrap 4-alpha enabled. See demo page here:

Project Gaia

Updated 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 Style updated

• Mar 1st, 2017 TOC plugin updated

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

Desc

Demo

See demo page here: Demo Page

See extended blog here: Blog Page

See chinese guide post here: 中文指导

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:

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*/
    $.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.

Extra

I would be happy if you wanna exchange the blog link with me.

Feel free to leave a msg with ur link in comment box at http://szhshp.org or https://szhielelp.github.io/JekyllTheme-ProjectGaia/