Hexo + Github 搭建自己的技術(shù)博客

Hexo 簡(jiǎn)介

Hexo 是一個(gè)基于nodejs 的靜態(tài)博客網(wǎng)站生成器,作者是來(lái)自臺(tái)灣的 Tommy Chen 。有以下特點(diǎn):

  • 不可思議的快速 ─ 只要一眨眼靜態(tài)文件即生成完成
  • 支持 Markdown
  • 僅需一道指令即可部署到 GitHub PagesHeroku
  • 已移植 Octopress 插件
  • 高擴(kuò)展性、自訂性
  • 兼容于 Windows, Mac & Linux

使用hexo + github 搭建自己的博客,大概可以分為以下幾個(gè)步驟

  1. 搭建環(huán)境準(zhǔn)備(包括node.js和git環(huán)境,gitHub賬戶(hù)的配置)
  2. 安裝Hexo
  3. 配置Hexo
  4. 怎樣將Hexo與github page 聯(lián)系起來(lái)
  5. 怎樣發(fā)布文章
  6. 主題推薦
  7. 主題Net的簡(jiǎn)單配置
  8. 添加sitemap和feed插件
  9. 自定義頁(yè)面,添加分類(lèi)、關(guān)于、404 公益頁(yè)面等

hexo 常用命令

hexo new "postName" #新建文章
hexo new page "pageName" #新建頁(yè)面
hexo generate #生成靜態(tài)頁(yè)面至public目錄
hexo server #開(kāi)啟預(yù)覽訪(fǎng)問(wèn)端口(默認(rèn)端口4000,'ctrl + c'關(guān)閉server)
hexo deploy #將.deploy目錄部署到GitHub

簡(jiǎn)寫(xiě)
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

遇到的問(wèn)題

  • 在瀏覽器中打開(kāi)http://localhost:4000/ ,顯示無(wú)法訪(fǎng)問(wèn)此網(wǎng)站 ,localhost 拒絕了我們的連接請(qǐng)求。 。
    在網(wǎng)上查了下資料,都說(shuō)是IIS服務(wù)器問(wèn)題 。需要在控制面板中打開(kāi) ,
    具體流程是 (以下是win10的):打開(kāi)控制面板 —— 程序和功能 —— 左側(cè)欄的“啟用或關(guān)閉Windows功能”,把“Internet Information Services”點(diǎn)上。其中有個(gè)FTP服務(wù)器可以不開(kāi)。點(diǎn)確定后就自動(dòng)安裝上了。再打開(kāi)瀏覽器,輸入localhost就行了
QQ截圖20170113152940.png

如果還是打不開(kāi)http://localhost:4000/, 可能是hexo server 的問(wèn)題 或者 4000端口占用
我是通過(guò)下面這個(gè)辦法解決的 。
Hexo 3.0 把服務(wù)器獨(dú)立成了個(gè)別模塊,您必須先安裝 hexo-server 才能使用。

$ npm install hexo-server --save

安裝完成后,輸入以下命令以啟動(dòng)服務(wù)器,您的網(wǎng)站會(huì)在 http://localhost:4000 下啟動(dòng)。在服務(wù)器啟動(dòng)期間,Hexo 會(huì)監(jiān)視文件變動(dòng)并自動(dòng)更新,您無(wú)須重啟服務(wù)器。

$ hexo server
  • 在執(zhí)行 hexo new post "article title" 新建一篇博客時(shí) ,報(bào)錯(cuò) can not read a block mapping entry; a multiline key may not be an implicit key at line 72, column 5:

這個(gè)是因?yàn)樵趆exo_config.yml 這個(gè)配置文件中 ,字段對(duì)應(yīng)的值 有加空格

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:***/***.github.io.git
branch: master
  • 執(zhí)行發(fā)布命令時(shí) ,E:\work\hexo>hexo d
You should configure deployment settings in _config.yml first!
Available deployer plugins:git
For more help, you can check the online docs: [http://hexo.io/](http://hexo.io/)

在網(wǎng)上查了大量資料,都說(shuō)是yml文件格式錯(cuò)了,正確的如下圖:

QQ截圖20170116105147.png

1位置處 是兩個(gè)空格,2位置處是一個(gè)空格,我就是把1位置的兩個(gè)空格都刪了,導(dǎo)致文件發(fā)布失敗。
具體參考此文

參考文檔

Hexo 官網(wǎng)
手把手教你用Hexo+Github 搭建屬于自己的博客
好用的Markdown編輯器一覽
10款流行的Markdown編輯器,總有一款適合你
Hexo 部署 Github, Coding 進(jìn)行國(guó)內(nèi)外分流最全教程
hexo你的博客
[github hexo搭建博客出現(xiàn)的錯(cuò)誤記錄

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容