github上完成我的的站點搭建

未完待續

 

 

很早就想有一個本身的站點了，但是我買不起服務器，不想研究WordPress，ect.無心間，博主發現了github竟然能夠實現本身夢想，加之網絡上的資料偏舊(或則說github+jekyll更新太快了呢)，固有此文 ^^

假定前提:擁有github帳號

1.建立我的站點

這裏我以myblog來代替username來演示下

訪問地址:http://myblog.github.io/

剩下就是上傳本身的頁面，固然也支持git,svn,hg等repository url來完成項目的導入，這些均可以在倉庫的setting中很容易的找到。

若是你跟博主同樣，沒有任何資源，那麼不要緊，github也提供了可視化的配置

能夠自定義首頁，還能夠選擇主題，來快速完成我的站點的可視化配置，具體操做：https://pages.github.com/

2.經過github pages+jekyll來美化本身的站點

雖然github提供了theme,還有可視化界面的支持，可是功能仍是很是的弱，對於非前端人員來講，要想作一個好看的博客，難度仍是很大，並且對於不少動態頁面效果很難支持，

是否是又以爲WordPress比較好呢

這裏有一篇關於workPress與github pages對比的帖子 http://www.trinea.cn/other/choice-between-wordpress-and-github-page/

若是你已經厭倦了workPress的傻瓜式部署，又喜歡探索新鮮事物，那跟着博主繼續往下走吧。

github pages的首頁 https://pages.github.com/

Websites for you and your projects

Hosted directly from your GitHub repository. Just edit, push, and your changes are live

這是官網上的兩句話，意思是github pages爲你和你的項目提供web站點支持，能夠經過github 對代碼倉庫的編輯和改變來完成對站點的部署，並且是live(當即生效)

 

https://help.github.com/articles/using-jekyll-with-pages/ 告訴咱們能夠也經過jekyll來完成對站點的編輯  doc 地址 http://jekyllrb.com/docs/frontmatter/

經過首頁輪播的圖片，咱們知道，經過jekyllbootstrap，是支持響應式的。http://jekyllbootstrap.com/ 這是一個靜態站點的生成器

快速入門通道:http://jekyllbootstrap.com/usage/jekyll-quick-start.html

1.建立一個新的倉庫，即第一點所說的內容

2.安裝jekyll-bootstrap

git clone https://github.com/plusjade/jekyll-bootstrap.git USERNAME.github.com
cd USERNAME.github.com
git remote set-url origin git@github.com:USERNAME/USERNAME.github.com.git
git push origin master

經過上面的操做，在draem0507.github.com倉庫下便有了jekyll-bootstrap的副本，咱們的首頁

 

 

咱們能夠經過修改_config.yml來完成個性化的設置，包括郵箱，站點名字，rss地址等等。

3.jekyll安裝

Jekyll 是 Ruby 寫的靜態blog站點生成器。

Jekyll-Bootstrap在Jekyll基礎上，集成了twitter-bootstrap界面風格和一些實用的插件，而且易於擴展

除了Jekyll-Bootstrap，jekyll還有一個拓展,叫Octopress http://www.zhihu.com/question/19996679

 

下載ruby,官網會提示你，若是你對ruby不熟悉，能夠經過rubyinstaller來完成ruby的一鍵安裝。http://rubyinstaller.org/downloads/

測試是否安裝完成

C:\Users\Administrator>ruby -v ruby

2.0.0p598 (2014-11-13) [x64-mingw32]

安裝devkit

注意，須要跟ruby的安裝版本保持一致

http://rubyinstaller.org/downloads/

 

注意點:須要在 config.yml的最後一行添加ruby的安裝路徑

ruby dk.rb review
ruby dk.rb install

 

jekyll安裝失敗

 

安裝成功

 

1. $ git clone https://github.com/plusjade/jekyll-bootstrap.git
2. $ cd jekyll-bootstrap
3. $ jekyll serve

jekyll啓動失敗

 

啓動成功

 

訪問地址:http://localhost:4000/

 

參考資料:

http://www.worldhello.net/gotgithub/03-project-hosting/050-homepage.html#jekyll

http://cn.yizeng.me/2013/05/10/setup-jekyll-on-windows/

http://www.tuicool.com/articles/jM367r3

http://cxshun.iteye.com/blog/1924153

http://www.cnblogs.com/BeginMan/p/3549241.html

 

優秀demo https://github.com/gitready

 

高亮工具Pygments

目前python3.x版本的暫時不支持Pygments，所以若是想使用高亮工具，則本地安裝的必須是python2.x版本

安裝Pygments以前，必須先安裝easy_install,對於32位的python，有官網有提供exe的安裝方式,而對於64位的,則必須經過

run ez_setup.py來完成安裝 http://stackoverflow.com/questions/4930216/how-to-install-easy-install-in-python-2-7-1-on-windows-7

若是一切順利,則能夠經過easy_install來安裝Pygments

easy_install Pygments

關於Pygments更多 http://havee.me/internet/2013-08/support-pygments-in-jekyll.html

 

官方地址:http://jekyllcn.com/

http://jekyllrb.com/

如何修改disqus的short_name http://format.com/articles/2916

關閉評論後面的地址 https://draem0507.disqus.com/admin/settings/general/ http://www.v2ex.com/t/49949

修改 Google analytics id

http://jekyllbootstrap.com/usage/jekyll-quick-start.html