利用GitHub+Hexo免費(fèi)搭建個人Blog

免費(fèi)、簡潔的個人Blog的實(shí)現(xiàn)。主要是流程的記錄,具體的配置都給出了教程鏈接,免得以后再做同樣的工作的時候又要從零開始。按照這個流程執(zhí)行下去,應(yīng)該可以打造出一個簡單的個人Blog。

GitHub + 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)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容