十分鍾搭建個人網站:Jekyll主題BoHu


最近花了三天時間制作了我的第一個jekyll theme——BoHu。一款知乎風格的模板,使用jekyll模板引擎,十分鍾就能搭建屬於你自己的靜態博客網站。


本主題的特征為:

  1. 知乎風格
  2. 分頁導航使用的是具體頁碼而不是單純的上一頁下一頁
  3. 支持博文搜索功能
  4. 支持文章分類和顯示近期文章
  5. 首頁能統計博文數量
  6. 內置中文和英文的藝術字
  7. 內置音樂播放器
  8. 支持多說disqus評論系統
  9. 移動設備瀏覽效果良好
  10. 使用MIT許可

具體步驟如下:

  1. 首先,你需要有GitHub帳號。
  2. 到我的GitHub上的bohu-jekyll-theme倉庫中fork本主題。
  3. 在bohu-jekyll-theme目錄下找到_config.yml配置文件並打開。修改個人配置信息。
  4. 將修改完成的網站目錄上傳至自己的GitHub倉庫生成自己的博客網站。
  5. 以后只要把你的博文放在_post文件夾下並上傳至GitHub,網站就會自動更新內容啦。

必填信息
title: 博客的名字
author: 博主的名字
baseurl: 博客的根地址==你的文件夾名稱(默認為bohu-jekyll-theme),如果你更改了文件夾名稱,請把此處也修改掉。
description: head中的網頁描述信息。簡要描述你的網站,讓搜索引擎能更好的收錄你的網站。

選填信息
email: 你的郵箱地址
twitter_username: 你的推特用戶名
weibo_username: 你的微博用戶名
github_username: 你的github用戶名
以上四項信息你填寫了之后博主信息欄里會自動出現相應的鏈接圖標,不填就不會出現。

disqus_shortname: 你的disqus帳號
duoshuo——shortname: 你的多說帳號
以上兩項可以不填,選填任意一項會自動加載相應的評論插件。

url: 如果你有自己的個人網站就填寫你自己的網站地址,如果沒有,就填寫http://你的github名字.github.io/主題文件夾根目錄名字/home,將會指向一個內置的個人主頁。
使用內置的個人主頁之后你需要配置一下個人信息: place,domain,company,position,school,major,resume
性別圖標修改方法:打開home文件夾下的index.html,搜索類名fa-mars,將其改成fa-venus即可。

paginate: 填寫一個數值,決定分頁導航每一頁顯示的博文數量,達到這個數值會自動分頁。

profile: 你的座右銘

其他修改項目

  • 網站圖標和自定義頭像在assets文件夾下,你也可以把路徑設置為任何站外圖片鏈接。
  • 使用SCSS預編譯,要修改樣式優先修改SCSS文件。
  • 搜索插件需要手動配置路徑,找到search文件夾,將其中JS文件夾里的cb-search.js中第66行bohu-jekyll-theme改成博客網站根目錄的名字。

本主題的后續維護和更新內容請關注GitHub項目主頁bohu-jekyll-theme


免責聲明!

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



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