免費(fèi)、簡潔的個人Blog的實(shí)現(xiàn)。主要是流程的記錄,具體的配置都給出了教程鏈接,免得以后再做同樣的工作的時候又要從零開始。按照這個流程執(zhí)行下去,應(yīng)該可以打造出一個簡單的個人Blog。
GitHub + Hexo 的配置
-
注冊GitHub賬號
-
配置GitHub和Hexo
按照這個教程配置: 如何利用GitHub Pages和Hexo快速搭建個人博客
Hexo的配置文件修改
-
將網(wǎng)站改為中文
打開Hexo目錄下的
_congif.yml,在language:后面添加字段zh-Hans -
創(chuàng)建分類和標(biāo)簽
按照這個教程配置:
創(chuàng)建分類和標(biāo)簽 -
添加評論功能
第一步:
進(jìn)入多說官網(wǎng),點(diǎn)擊“我要安裝”,創(chuàng)建站點(diǎn),站點(diǎn)名稱隨意填寫,站點(diǎn)地址寫個人網(wǎng)頁的主頁:
https://your-username.github.io/,多說域名只要不與他人重復(fù)即可,如:http://duoshuo_shortname.duoshuo.com,其中duoshuo_shortname是你自己要填的,這個duoshuo_shortname待會也要用到。第二步:
打開Hexo目錄下的
_congif.yml,在最下方添加:duoshuo_shortname: your-duoshuo-shortname -
添加文章閱讀量
這里采用的是LeanCloud。這個教程非常詳細(xì)。為NexT主題添加文章閱讀量統(tǒng)計功能
一些問題
-
博客刪除后還在
問題描述:博客文件在Hexo/source/_posts目錄下手動刪除后,執(zhí)行
hexo clean、hexo generate、hexo deploy后,刷新網(wǎng)頁發(fā)現(xiàn)博客依然存在問題解決:手動刪除Hexo目錄下的db.json文件,重新執(zhí)行
hexo clean、hexo generate、hexo deploy就好了正確刪除Blog的步驟:到 \source_posts 目錄下找到要刪除的文章,刪除;刪掉Hexo目錄下的db.json文件;執(zhí)行
hexo clean、hexo generate、hexo deploy
小技巧
發(fā)布Blog的時候,直接執(zhí)行
hexo d -g即可,這句命令相當(dāng)于在執(zhí)行hexo generate之后執(zhí)行hexo deploy。很多需求都可以在Next主題的官方文檔說明中得到滿足:
NexT主題使用說明-
如何讓首頁只顯示文章標(biāo)題,不顯示全文
在編輯md文件時,加上``這句,在此之前寫文章摘要或前言,之后寫正文。這樣,首頁就會只顯示文章標(biāo)題和摘要內(nèi)容,而不會全部顯示全文。
Markdown文件編輯工具
無非是編輯工具,各有所愛。我的選擇是:Sublime + OmniMarkupPreviewer
-
安裝Sublime
進(jìn)入Sublime官網(wǎng),選擇版本,下載后一路下一步安裝即可。
-
安裝OmniMarkupPreviewer
第一步:安裝Package Control
a、下載Package Control 主文件,下載地址;
b、解壓之后,把文件夾名稱修改為“Package Control”
c、打開Sublime,在Preferences菜單下,選擇Browse,此時會打開一個文件夾,復(fù)制剛才的“Package Control”文件到該目錄下面。
第二步:安裝OmniMarkupPreviewer
打開Sublime,在Preferences菜單下,選擇Package Control,輸入install 選中Install Package并回車,在彈出的列表中選擇OmniMarkupPreviewer,按回車,就會開始安裝了。
-
使用
在文檔頁面點(diǎn)擊鼠標(biāo)右鍵 - 選擇Preview Markup in Browser,此時在瀏覽器中就可以看到md文件的實(shí)時編輯效果了。
關(guān)于OmniMarkupPreviewer的更多配置可以參考:近乎完美的 Markdown 寫作體驗(yàn)