1. 程式人生 > >靜態網站(部落格)生成器(Static-Site-Generators)

靜態網站(部落格)生成器(Static-Site-Generators)

一.介紹

我選了jekyll部落格, 因為兩大程式碼倉庫GitHub(國外)和Coding(國內)都提供免費空間自動構建Jekyll網站!
我的部落格同時部署在GitHub Pages和Coding Pages,感謝Github的各路同行奉獻,讓我有幸能用到這麼方便的高效工具,製作自己喜歡的部落格。當然還要感謝GitHub和Coding網站,能讓我這樣一窮二白且毫無商業價值的碼畜,免費使用伺服器空間!
近期發現Coding Pages部署網站大小不能超過100M(程式碼倉庫免費容量是256M), 還沒發現GitHub Pages有大小限制!

GitHub和Coding的預設部落格地址都太長了,不好記憶,
所以我在阿里雲買了十年域名lioil.win,域名.win太便宜了,沒商業價值沒人要!
GitHub部落格:

http://lioil.win
Coding部落格: http://c.lioil.win

二.在windows安裝jekyll

1.下載Ruby
    1.1點選安裝Ruby
    1.2新增環境變數,輸入命令檢視版本 ruby -v

2.下載RubyDevKit,模擬Linux的gcc編譯
    2.1點選安裝RubyDevKit
    2.2在config.yml檔案加入Ruby安裝目錄
        - xx\xx\Ruby        
    2.3初始化命令
        ruby dk.rb init
        ruby dk.rb install

3.輸入Jekyll安裝命令(需聯網下載軟體)
    3.1換映象源 gem sources --add http://gems.ruby-china.org --remove https://rubygems.org      
    3.2安裝 gem install jekyll    
    3.3安裝 gem install jekyll-sitemap

    檢視映象源 gem sources -l
    檢視已安裝軟體 gem list
    查詢遠端軟體庫 gem query –r 軟體名

4.生成和執行網站命令
    4.1生成網站模板   jekyll new mysite   
    4.2執行網站
        cd mysite
        jekyll s

    在_posts中存放文章,輸入命令jekyll s
    在瀏覽器開啟http://127.0.0.1:4000,檢視網站
    下劃線開標頭檔案夾會被jekyll編譯成html和css,其它資料夾保持原樣

注意:
    因為眾所周知原因,國外映象源經常不可用,一定要將RubyGems映象源改為國內的!
    網上流傳淘寶的映象源已經不可用,我被坑了很久啊,血淚的教訓啊!
    花了很多時間才在Ruby中文社群找到新映象源https://gems.ruby-china.org

三.在GitHub或Coding部署jekyll網站

1.註冊登陸GitHub 或Coding網站
2.建立程式碼倉庫
3.找到GitHub Pages 或GitHub Pages設定,可以新增自己域名
4.把本地jekyll網站上傳到程式碼倉庫,GitHub 或Coding都會預設用jekyll工具生成網站

四.工具彙總列表

.NET

Awk

Bash

C++

C Sharp

C and Perl

Clojure

Common Lisp

Dropbox

Elixir

Erlang

Go

Groovy

Haskell

Java

Language Agnostic

Lua

Nimrod

Node.js

OCaml

PHP

Python

Racket

Ruby

Rust

Scala

Scheme

Shell

Tcl