flinhong logo

a lifelong journey with

undertanding and presenting

Sat, Mar 25, 2017
Self-host comments in Jekyll, powered by Firebase real-time database

by Frank Lin

Self-host comments in Jekyll, powered by Firebase real-time database

It's convenient to set up a comment system in Jekyll site with external social comment systems like Disqus or Duoshuo (多说). However, as you all know, Disqus was blocked in China and Duoshuo is going to shutdown. It's the time to rethink about the comment system (although I didn't get too many comments →_→), simple and controllable. And it becomes true with Firebase database.

read more
Sat, Mar 18, 2017
Syntax highlight with Rouge in Jekyll

by Frank Lin

Syntax highlight with Rouge in Jekyll

By default, Jekyll 3 and above comes with Rouge, a pure Ruby syntax highlighter which supports 98 languages. Since Rouge themes are compatible with Pygments’s stylesheets, it’s nice for us to choose the favourable styles.

read more
Mon, Oct 03, 2016
Save script bookmarklets in Microsoft Edge

by Frank Lin

Save script bookmarklets in Microsoft Edge

Bookmarklets are shortcuts that actually run javascript snippets, usually to add a page to a service. But saving a bookmarklet was trickier than I thought in Edge.

read more
Thu, Sep 22, 2016
Figure caption for images on Jekyll sites - single line with Markdown

by Frank Lin

Figure caption for images on Jekyll sites - single line with Markdown

Markdown makes writing blog posts simple and fast, but sometimes that simplicity comes with limitations. Recently on updating this blog theme, I wanted to include images in the post with captions, and there wasn’t a straightforward way using Markdown. While adding an img tag is very easy with Markdown, I would have to do some fiddling to inset the caption.

read more
Sat, Aug 20, 2016
Using Liquid in Jekyll - live with demos

by Frank Lin

Using Liquid in Jekyll - live with demos

Liquid is a simple templating language Jekyll uses to process pages on your site. With Liquid you can output an modify variables, have logic statements inside your pages and loop over content.

read more
twitter github weibo
to top