文章爲過程記錄html
另外,如下命令行相關的全局變量配置,須要本身去設置。例如:ruby、python
相關連接:Jekyll教程——精心收藏python
參考教程:Julian Thilo寫的不錯的安裝教程 必定要看編程
官方教程bootstrap
Ruby是Jekyll編寫的編程語言。您須要安裝Ruby和相應的DevKit
雖然我已經有ruby的環境,可是也記錄一下windows
下載地址瀏覽器
按需所取,我選的以下ruby
將下載好的ruby devkit
選擇C:\RubyDevKit\
解壓存檔編程語言
運行命令行工具(cmd),依次執行下面的代碼工具
cd C:\RubyDevKit # step1 ruby dk.rb init # step2 ruby dk.rb install # step3
Jekyll自己就是Ruby Gem的形式,它是一個易於安裝的軟件包。
緊接着執行網站
gem install jekyll # step4
不管您使用的是Markdown仍是HTML,Jekyll均可以讓您輕鬆地將精美的代碼塊插入到您的網頁中。
語法高亮,快速和無痛
gem install rouge # step5
而後,在你的中
_config.yml
,將Rouge設置爲你的語法高亮部分:highlighter: rouge
若是你想使用Pygments,這是一個默認的Jekyll依賴,在Windows上的語法突出顯示,你須要安裝Python,PIP,最後是pygments.rb的Python基礎。
教程文章說要裝2.7的版本,3的版本可能沒法正常工做。
Pip是一個安裝和管理Python包的工具,相似於Ruby Gems。
瀏覽器打開:https://bootstrap.pypa.io/get...
右鍵保存到C:\pip\
而後打開命令行工具(cmd),並依次執行
cd C:\pip # step6 python get-pip.py # step7 python -m pip install Pygments # step8
設置Pygments做爲你的語法突出顯示
若是還沒有設置,請添加如下內容_config.yml,將Pygments設置爲語法突出顯示。highlighter: pygments
Jekyll有一個內置的自動更新功能,監視您的源文件夾的變化,而後從新創建您的網站。
命令行工具(cmd),執行下面步驟
在Windows上,您須要安裝一個額外的工具,或者Gem,以啓用此功能。
gem install wdm # step9
打開命令行工具(cmd),執行下面的步驟
gem install jekyll bundler # 先安裝這個 step10 # 能夠查看jekll版本了 # jekyll -v cd desktop # 一打開應該是本身的用戶目錄,直接能夠cd到桌面 step11 jekyll new my_blog # step12 cd my_blog # step13 jekyll server --watch #step14
在瀏覽器訪問http://localhost:4000/
搭建好的環境,而且是實時更新的!