在前期學習建立網站的期間,程序員都會查閱很多資料,如今回首過去,我發現這種方式也是從按部就班到半主動性,那么大家知道Jekyll靜態網站后臺引擎使用教程嗎?下面我們一起去了解一下吧。
下面就講講Jekyll的學習,以及在用Jekyll創建網站的時候遇到的問題。
1.Jekyll基于github.com或者bitbucket.org,后者我沒有驗證,應該也是支持的。不需要數據庫,不需要后臺知識,用Jekyll搭建個人中小型網站就是這么簡單。
2.搭建流程(因為我是在windows上安裝Jekyll,所以會比較麻煩):?
注冊一個github.com賬號,記住自己的用戶名和注冊時的郵箱,會在git shell驗證時用到。
因為Jekyll是基于Ruby寫的,所以首先安裝Ruby環境,和Ruby包管理工具gem
①Ruby安裝地址,根據自己的系統選擇32和64bit,在鏈接的頁面同時安裝DEVELOPMENT Kit
下載安裝后需要配置Ruby的環境變量,在系統的高級屬性里面設置系統的Path,之后,可以在控制臺檢查Ruby是否安裝成功。輸入Ruby -v即可。?
ruby dk.rb init//初始化Ruby
在Ruby安裝的config文件里面配置一下Ruby的安裝目錄:
# This configuration file contains the absolute path locations of all# installed Rubies to be enhanced to work with the DevKit. This config# file is generated by the 'ruby dk.rb init' step and may be modified# before running the 'ruby dk.rb install' step. To include any installed# Rubies that were not automagically discovered, simply add a line below# the triple hyphens with the absolute path to the Ruby root directory.## Example:## ---# - D:/ruby19trunk# - D:/ruby192dev#---- D:/Ruby
②安裝DEVELOPMENT Kit工具使用的命令行
ruby dk.rb install
③在命令行工具中輸入gem install jekyll來安裝Jekyll。輸入Jekyll -v檢查是否安裝成功。如果成功會返回版本號。
④同時,需要安裝python環境,下載2版本或者3版本都可以。Python安裝地址
.之后就可以安裝博客所需要的工具了。
4.1需要安裝一個easy_install插件
4.2安裝自己喜歡的高亮工具(highlight),例如pygments、rouge。在你的工程目錄的_config.yml里面需要設置:highlighter:rough或者highlighter:pygments,不然會在生成項目是出錯。
easy_install Pygments
⑤創建一個簡單的默認博客命令:
jekyll new Blog cd Blog //cd是一個常用命令,到達相應的文件夾 jekyll serve //使用serve和server是一樣的效果
在你的localhost:4000就會有一個默認的博客模板產生。
期間會遇到一些錯誤:
1.配置文件報錯
D:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/posix-spawn-0.3.9/lib/posix/spawn.rb:164: warning: cannot close fd before spawn'which' is not recognized as an internal or external command,operable program or batch file. Liquid Exception: undefined method `[]' for nil:NilClass in _posts/2014-08-01-welcome-to-jekyll.markdownjekyll 2.2.0 | Error: undefined method `[]' for nil:NilClass
解決辦法:在項目的配置文件里面需要設置highlighter:rouge/pygments,傳送門
2.下載RubyGems問題
ERROR: Could not find a valid gem 'jekyll' (>= 0), here is why: Unable to download data from https://rubygems.org/ - SSL_connect returned=1 errno=0 state=SSLv3 read server ce rtificate B: certificate verify failed (https://rubygems.global.ssl.fastly.net/quick/Marshal.4.8/jekyll-1.3.0.gemspec.rz )
解決辦法:下載安全證書文件,在命令行運行下面的命令,如果提示curl不是外部或內部指定命令,則是你的電腦沒有安裝curl插件,需要下載該插件安裝,很棒的一個教程,傳送門
curl http://curl.haxx.se/ca/cacert.pem -o cacert.pem
3.安裝Ruby不成功,提示錯誤,可以試試淘寶提供的國內鏡像傳送門
?那么怎么通過github創建自己獨有的個人網站呢?
1.下載git客戶端,下載地址,下載后會有github圖形界面客戶端和git shell命令行工具兩個,咱們使用git shell。
2.在git shell客戶端輸入
git init
來初始化項目;
git checkout --orphan gh-pages
創建一個gh-pages分支,該分支用來存放你的博客的所有文件,并且只能為該名稱,因為github.com默認創建分支就是該名稱;
git add .git commit -a -m'just a test'
開始準備發布項目,記住,不要漏掉后面的英文小數點;
git remote add origin https://github.com/username/projectName.gitgit push origin gh-pages
這樣的話你的項目就創建成功。
以上武林技術頻道為大家介紹的Jekyll靜態網站后臺引擎使用教程,大家學會了沒有?大家要是喜歡小編發布的內容,可以收藏武林技術頻道!
|
新聞熱點
疑難解答
圖片精選