logo

generated by autopages

Archives :: Site Construction

Contact form for a static site without a backend
most recent
Contact form for a static site without a backend

For a static site like those on GitHub Pages, everything is done in the frontend. The user just downloads a bunch of static files that execute in their browser. But for a "Contact" form, to deal with the submissions we typically need a backend service, either self hosted or a third a third-party service.
2018-03-24

get more
Bootstrap cards for showing colors
Bootstrap cards for showing colors

A few days ago, I built a website for showing traditional Chinese colors with bootstrap cards. Several issues I encountered during this process, just write them down for records.
2017-11-06

Build a personal Markdown notebook with Firebase Storage
Build a personal Markdown notebook with Firebase Storage

Just make a online Markdown notebook using Firebase, build for personal use.
2017-05-21

First taste of Heroku, h5ai for file indexer
First taste of Heroku, h5ai for file indexer

I've known Heroku for a long time, but never have a try to build with it. This time, I found a beautiful file indexer h5ai that requires PHP 5.5+, and Heroku is a perfect platform to build and host it.
2017-04-20

Self-host comments in Jekyll, powered by Firebase real-time database
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.
2017-03-25

Syntax highlight with Rouge in Jekyll
Syntax highlight with Rouge in Jekyll

By default, Jekyll 3 and above versions 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.
2017-03-18

Figure caption for images on Jekyll sites - single line with Markdown
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'm intend 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.
2016-09-22

journal index

Looking for other categories or post? Way back to the jounral index page.

back
twitter github weibo linkedin
to top