hexo + github 搭建個(gè)人博客

首先

官方文檔是我們的第一手資料,也是最好的。
安裝 Hexo 相當(dāng)簡單。然而在安裝前,您必須檢查電腦中是否已安裝下列應(yīng)用程序:
· Node.js
· Git

hexo安裝

如果您的電腦中已經(jīng)安裝上述必備程序,那么恭喜您!接下來只需要使用 npm 即可完成 Hexo 的安裝。

$ npm install -g hexo-cli

建站

安裝 Hexo 完成后,請執(zhí)行下列命令,Hexo 將會在指定文件夾中新建所需要的文件。

$ hexo init <folder>
$ cd <folder>
$ npm install

新建完成后,指定文件夾的目錄如下:

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

安裝hexo插件

全裝上吧,沒事。。。

$ npm install hexo-generator-index --save
$ npm install hexo-generator-archive --save
$ npm install hexo-generator-category --save
$ npm install hexo-generator-tag --save
$ npm install hexo-server --save
$ npm install hexo-deployer-git --save
$ npm install hexo-deployer-heroku --save
$ npm install hexo-deployer-rsync --save
$ npm install hexo-deployer-openshift --save
$ npm install hexo-renderer-marked@0.2 --save
$ npm install hexo-renderer-stylus@0.2 --save
$ npm install hexo-generator-feed@1 --save
$ npm install hexo-generator-sitemap@1 --save

本地查看效果

執(zhí)行下面語句,執(zhí)行完再登錄localhost:4000查看效果(執(zhí)行完不要按Ctrl+C,不然就停止了)

$ hexo g
$ hexo s

其他步驟在這里不贅述,參見超詳細(xì)教程
傳送門

部署

$ hexo g -d

部署后我們可以瀏覽器搜 username.github.io 查看自己的博客效果,,比如我的lruihao.github.io

美化

hexo官方主題集合,我用的是aloha主題,該主題官方文檔
hexo個(gè)性化教程
說說我的主題遇到的一些問題,由于這個(gè)主題用的人少,所以作者優(yōu)化的不是很好(next使用最多),當(dāng)然也可以反過來說,所以自己美化了一點(diǎn)

about頁面

about頁面可以用HTML寫,你想怎么寫都行,我用的最簡單的方法,直接hexo n page "about"后,會生成一個(gè)md文件,也就是后面說的文章,直接寫文章就行了。

添加搜索

algolia參考文件
邱承佳學(xué)長博文
讓搜索引擎找到你的博客,還是看到邱承佳學(xué)長博文有寫到傳送門

添加訪客數(shù),閱讀量等

評論有多說(多說好像掛了),計(jì)數(shù)有不蒜,我用的不蒜子,還有其他的。。。

文章閱讀量

打開以下路徑在你喜歡的地方添加代碼,\blog\hexo\themes\主題名字\layout_partial,找到article.ejs文件

<div align="left"><span id="busuanzi_container_page_pv">
      本文總閱讀量<span id="busuanzi_value_page_pv"></span>次
    </span>
</div>

站點(diǎn)訪問量,訪客數(shù)

打開以下路徑在你喜歡的地方添加代碼,\blog\hexo\themes\主題名字\layout_partial,找到footer.ejs文件

<script async src="http://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>

<span id="busuanzi_container_page_pv">
    本站總訪問量<span id="busuanzi_value_site_pv"></span>次  |  
</span>
<span id="busuanzi_container_site_uv">
    本站訪客數(shù)<span id="busuanzi_value_site_uv"></span>人次
</span>

寫文章

hexo文章用輕量型標(biāo)簽語言Markdown編寫
·markdown入門
·繁體原始文件
·繁體原始文件github
·簡體中文文件

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

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