jekyll建站詳細教程


Jekyll是一款靜態博客生成器,也是github page支持的后台引擎,所以如果你有以下需求,極力推薦使用jekyll搭建博客,>>瀏覽我的博客

  • 個性化的展示界面,站點邏輯
  • 個性化的域名
  • 幾乎沒有后端的繁瑣
  • 專注於寫作

本教程適合任何人群,當然如果你有HTML和CSS基礎將會更好。你可以快速地在幾個鍾之內搭建自己的博客。

入門

如果你使用過github,應該知道github page服務,你可以在兩個鍾內了解博客在github上是如何生成的,不需要一開始就配置很多東西,所有操作在瀏覽器上實現。

開始搭建

通過上面的入門之后,你應該知道了如何在網頁上搭建簡單的博客,但是,由於在服務器上搭建想要實時預覽會比較慢,所以建議在本地上搭建自己的博客然后進行修改,搭建之前,得有運行環境。由於博客是利用jekyll技術實現的,而jekyll的底層引擎是ruby,所以我們需要安裝ruby(但是不用擔心不會ruby,因為根本不需要使用ruby語言)。
1、 安裝ruby

  • ruby安裝包網盤鏈接 密碼:z0jg
    資源下載下來后和windows普通軟件一樣安裝就行,在CMD管理員權限下利用gem update --system進行更新。

2、 安裝jekyll
國內用戶可能下載過慢,教你一招,更換ruby源。

gem sources --remove https://rubygem.org/
gem source -a https://gems.ruby-china.org/

然后在cmd命令行上輸入gem install jekyll就ok了。

創建一個簡單博客

cmd命令行下輸入

jekyll new blog
cd blog 
jekyll serve

然后打開瀏覽器,輸入localhost:4000就可以看見自己的博客了,展示出來的是默認模板

當然,你可以將你的博客托管在Github Pages

主題

自己從頭搭建一個博客多累呀,你可以用我的模板,也可以到主題庫挑選各種炫酷模板,然后下載自己改造。

MD編輯器推薦

寫博客使用的是markdown語法,一種簡單的標記語言,github官方標配,這里推薦typora編輯器

MD語法

本主題采用的是kramdown Syntax,目前我了解的最強的markdown語言。

參考資料

如果這么多主題都入不了你的法眼,可以自學搭建jekyll博客,以下資料提供參考

  • jekyll搭建前端語言 liquid語法
  • ruby中文網
  • rubygems里面有各種jekyll插件
  • jekyll支持scss,利用scss搭建前端事半功倍,參考sass文檔
  • 代碼高亮只需要引入css文件就行,參考rouge
  • 數學公式渲染只需要引入MATHJAX的CDN就行,參考mathjax


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM