靜態網站(部落格)生成器(Static-Site-Generators)
阿新 • • 發佈:2019-01-25
一.介紹
我選了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工具生成網站