zerowinning / zerowinning.github.io

Bootstrap 4-alpha enabled. See demo page here:

Home Page:http://www.zwinning.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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/

About

Bootstrap 4-alpha enabled. See demo page here:

http://www.zwinning.com

License:Apache License 2.0


Languages

Language:CSS 58.1%Language:HTML 28.9%Language:JavaScript 13.0%