首先
官方文檔是我們的第一手資料,也是最好的。
安裝 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
部署
$ 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
·簡體中文文件