my blog for sharing (source code for
Switch branches/tags
Nothing to show
Clone or download


How to Develope

Development Tool: Pelican (static site generator written in Python)

Development Environment: Ubuntu 17.10

First-time Setup

  1. Install git and pip:
$ sudo apt-get install git
$ sudo apt-get install python-pip
  1. git clone source code:
$ cd
$ mkdir dev
$ cd ~/dev/
$ git clone --depth=1
# or clone with full depth
#$ git clone
  1. Install Python tools:
$ cd ~/dev/userpages/
$ sudo pip install -r requirements.txt
  1. Install pelican i18n_subsites plugin and download normalize.css:
$ cd ~/dev/userpages/
$ make download
  1. Generate CSS file:
$ cd ~/dev/userpages/
$ make scss
  1. Install language packages to add locale (English, Traditional Chinese, and Thai):
$ sudo apt-get install language-pack-en
$ sudo apt-get install language-pack-zh-hant
$ sudo apt-get install language-pack-th

Daily Development

# start edit and develope
$ cd ~/dev/userpages/
# If something changes, re-generate the website:
$ make html
# start dev server
$ make serve
# open your browser and preview the website at http://localhost:8000/


All works, including posts and code, of Siong-Ui Te are released in public domain. Please see UNLICENSE.


GitHub Pages Deployment - Travis CI

python - Upgrading all packages with pip - Stack Overflow

How do I add locale to ubuntu server? - Ask Ubuntu

Web Fundamentals | Web Fundamentals - Google Developers

Online reStructuredText editor

edit on Github link:



reStructuredText Markup Specification



reStructuredText 简明教程


How can I get to include the CSS for syntax highlighting?

Hottest '' Answers - Stack Overflow


rst2html stylesheet:

Writing HTML (CSS) Stylesheets for Docutils

rst2html css:

Documentation: Create GitHub like styled html doc file with rst2html


How to render reStructuredText documents with latest docutils on Ubuntu 12.04 LTS

[rsST] 修改 rst2html highlight style

Docutils使用方式 (Google cache)

restructuredtext center text:

Best way to align center a paragraph with RestructuredText?

Image Hover:

iHover (src)

bootstrap image hover overlay with icon

Javascript 操作 DOM 常用 API 总结

Chorme 35个开发者工具的小技巧 - WEB前端 - 伯乐在线

HTML head 头标签 - WEB前端 - 伯乐在线