Jekyll模闆的使用
花了一晚上的功夫把原先Github Pages中的小東西,變成了大東西!
網上還是有各種教程的,畢竟也不是什麼特别難的東西,隻要花點時間,都是可以實作的。現在在來稍微地總結一下。
尋找主題
在昨天已經弄好了Github Pages的前提下,現在可以直接百度Jekyll主題,會發現有很多這樣的主題

我選中了一款NexT的主題,點開之後會有給你一些介紹,也有教你如何安裝
也可以進入Homepage到他相應的Github首頁中檢視,裡面的Readme文檔,有詳細的安裝以及配置資訊
安裝主題
這步是最重要,也是最麻煩的。安裝的過程中,肯定會遇到許多問題的,不可能一帆風順的。在這步中出現的很多錯誤,我沒儲存錯誤資訊,不過在安裝的過程中,會明顯地提示你缺少什麼安裝的元件,也會有關鍵字,百度一下也是十分友善。
過程可能有點忘記了,但是應該差不了太多的。
1. Ruby
輸入指令
$ ruby --version
就可以檢測本機中是否有安裝Ruby。
如果沒有安裝,輸入指令
$ sudo apt-get install ruby-full
就可以安裝
2. 更新rubygems源
因為原來的位址是 https://rubygems.org/ 要從上邊下載下傳東西速度比較慢。
可以使用指令
$ gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/
來删除這個位址,然後再添加一個速度快的鏡像位址
3. ruby-dev
輸入指令
$ sudo gem install ruby-dev
4. Jekyll
輸入指令
$ gem install jekyll
5. Clone 主題的Github檔案
這個主題的 Clone位址是 https://git.github/com/Simpleyyt-jekyll-theme.next
輸入指令
$ git clone https://github.com/Simpleyyt/jekyll-theme-next.git
把他的檔案都Clone下來。
然後就可以按照README文檔的内容修改成自己想要的模式。
6. bundle
安裝依賴
$ bundle install
7. 運作Jekyll
輸入指令
$ bundle exec jekyll server
就可以啟動Jekyll,就可以通過127.0.0.1:4000通路檔案的内容。
撰寫文章
自己的模闆算是搭建完畢了,現在就是如何寫文章釋出的問題了。
在hezy94.github.io/_posts(hezy94.github.io是儲存在我本地的檔案)檔案中就是儲存文章的地方了。
随機打開一篇可以發現,他有一個固定的格式
兩個
---
即為markdown中的橫線,之間的内容不顯示在文章中,是以我們新寫的東西就可以按照這個格式,并且儲存在* *_posts **檔案中
上傳檔案
文章都寫完了,當然是要給别人看看。現在就可以上傳了
提一下我在上傳時候遇到的問題
1. 因為是Clone别人的東西,當我興奮地要
git push
一下的時候,發現問題了。
remote: Permission to Simpleyyt/jekyll-theme-next.git denied to hezy94.fatal: unable to access 'https://github.com/Simpleyyt/jekyll-theme-next.git/': The requested URL returned error: 403
解決辦法:把* .git/config* ** 檔案中的url,改為自己的git位址,這樣才不會有權限
url = https://github.com/hezy94/hezy94.github.io.git
2. 當我興奮地要再
git push
一下的時候,又發現問題了。
To https://github.com/hezy94/hezy94.github.io.git ! [rejected] master -> master (fetch first) error: 無法推送一些引用到 'https://github.com/hezy94/hezy94.github.io.git'
解決辦法:
$ sudo git push -f
,上傳!
3. 安裝bundle的時候會有一個檔案依賴問題
大概是這樣bundle->nokogiri->libxml2
是以網上發現有人在安裝ruby-dev的時候直接輸入這樣的指令
$ sudo apt-get install build-essential patch ruby-dev zlib1g-dev liblzma-dev
就可以解決這個問題