天天看點

Jekyll模闆的使用Jekyll模闆的使用

Jekyll模闆的使用

花了一晚上的功夫把原先Github Pages中的小東西,變成了大東西!

網上還是有各種教程的,畢竟也不是什麼特别難的東西,隻要花點時間,都是可以實作的。現在在來稍微地總結一下。

尋找主題

在昨天已經弄好了Github Pages的前提下,現在可以直接百度Jekyll主題,會發現有很多這樣的主題
Jekyll模闆的使用Jekyll模闆的使用

我選中了一款NexT的主題,點開之後會有給你一些介紹,也有教你如何安裝

Jekyll模闆的使用Jekyll模闆的使用

也可以進入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是儲存在我本地的檔案)檔案中就是儲存文章的地方了。

随機打開一篇可以發現,他有一個固定的格式

Jekyll模闆的使用Jekyll模闆的使用

兩個

---

即為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

就可以解決這個問題