本地快速搭建Jekyll及相關依賴

文章爲過程記錄html

另外,如下命令行相關的全局變量配置,須要本身去設置。例如:ruby、python

相關連接:Jekyll教程——精心收藏python

參考教程:Julian Thilo寫的不錯的安裝教程 必定要看編程

官方教程bootstrap

環境

  • windows7 x64
  • ruby 2.4.2p198 x64
  • python 2.7.13rc1

下載安裝ruby相關

Ruby是Jekyll編寫的編程語言。您須要安裝Ruby和相應的DevKit

雖然我已經有ruby的環境,可是也記錄一下windows

下載地址瀏覽器

按需所取,我選的以下ruby

圖片描述

安裝Ruby DevKit

將下載好的ruby devkit選擇C:\RubyDevKit\解壓存檔編程語言

運行命令行工具(cmd),依次執行下面的代碼工具

cd C:\RubyDevKit    # step1
ruby dk.rb init     # step2
ruby dk.rb install  # step3

安裝Ruby Gem

Jekyll自己就是Ruby Gem的形式,它是一個易於安裝的軟件包。

緊接着執行網站

gem install jekyll # step4

安裝rouge

不管您使用的是Markdown仍是HTML,Jekyll均可以讓您輕鬆地將精美的代碼塊插入到您的網頁中。

語法高亮,快速和無痛

gem install rouge # step5

而後,在你的中_config.yml,將Rouge設置爲你的語法高亮部分:

highlighter: rouge

安裝python相關

若是你想使用Pygments,這是一個默認的Jekyll依賴,在Windows上的語法突出顯示,你須要安裝Python,PIP,最後是pygments.rb的Python基礎。

教程文章說要裝2.7的版本,3的版本可能沒法正常工做。

圖片描述

安裝pip

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 watch

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/搭建好的環境,而且是實時更新的!

圖片描述

相關文章
相關標籤/搜索