上月介紹了Git+jekyll，托管在碼云(git@osc)上，然而并不盡興，事實(shí)上Git+Hexo會(huì)更便捷(對(duì)window用戶而言)，jekyll是ruby編寫，而hexo是nodejs 。

Hexo 是一個(gè)快速、簡(jiǎn)潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章，在幾秒內(nèi)，即可利用靚麗的主題生成靜態(tài)網(wǎng)頁(yè)。
jekyll是把原文上傳github(md文件)，可以直接生成博客，文件也可以用在線編輯修改，而hexo 是本地生成 html 再上傳。
借著假期，糾結(jié)了2天，搭建個(gè)人博客，以下記錄下這次搭建過(guò)程：

而這次用到的模板是大名鼎鼎的nexT，教程：http://theme-next.iissnan.com/

準(zhǔn)備工作

安裝 node，https://nodejs.org/en/download/ 在NodeJs官網(wǎng)下載對(duì)應(yīng)版本進(jìn)行安裝。

安裝 git，在Git官網(wǎng)下載對(duì)應(yīng)版本進(jìn)行安裝。步驟如下(借圖)：

可以通過(guò)以下命令測(cè)試是否安裝成功：

$ git --version #git版本 $ node --version #NodeJs版本

注冊(cè)Github賬號(hào)

去 Github 官網(wǎng)進(jìn)行注冊(cè)即可，注冊(cè)完之后記得添加 SSH Key，這個(gè) SSH Key是一個(gè)認(rèn)證，讓github識(shí)別綁定這臺(tái)機(jī)器，允許這臺(tái)機(jī)器提交。S
SH找了個(gè)教程，傳送門：http://blog.csdn.net/hustpzb/article/details/8230454/
檢查通過(guò)以下命令測(cè)試是否安裝成功：

$ ssh git@github.com

See :

安裝Hexo

安裝好git和node之后，就可以安裝hexo了，簡(jiǎn)單一句命令搞定:

$ npm install -g hexo-cli

檢查通過(guò)以下命令測(cè)試是否安裝成功：

$ hexo version #簡(jiǎn)寫hexo v

創(chuàng)建Hexo本地博客

安裝完成后，執(zhí)行以下命令，Hexo將在指定目錄下新建需要的文件

$ hexo init <folder> # 用命令創(chuàng)建一個(gè)目錄并且初始化目錄hexo文件

PS：

可以是手動(dòng)新建文件夾，而后再 $ hexo init 初始化目錄；

hexo會(huì)自動(dòng)下載一套默認(rèn)皮膚：landscape，整個(gè)安裝下載過(guò)程可能有點(diǎn)慢……

我是直接在 git bash 里命令的，也可以在其他命令符狀態(tài)下安裝；
初始化后需要再 $ npm install 進(jìn)行npm的依賴插件。

部署形成文件

$ hexo generate # 簡(jiǎn)寫hexo g

最后剩下運(yùn)行server，跑起hexo服務(wù)：

$ hexo server # 簡(jiǎn)寫hexo s

瀏覽器運(yùn)行 http://http://localhost:4000/ 就能成功看到了。

將本地hexo項(xiàng)目托管到Github

打開(kāi)網(wǎng)站配置文件 _config.yml (根目錄的文件)，網(wǎng)站的配置文件，你可以在這里配置一些基本信息，這里列舉部分關(guān)鍵配置：

# Hexo Configuration ## Docs: https://hexo.io/docs/configuration.html ## Source: https://github.com/hexojs/hexo/ # Site title: Zenkin.Win ’s Blog #網(wǎng)站的標(biāo)題 subtitle: 世事如棋，乾坤莫測(cè) #副標(biāo)題 description: author: Zen.Woo #作者信息 avatar: /images/avatar.png #頭像，圖片位置在相應(yīng)主題目錄下的images language: zh-Hans #中文簡(jiǎn)體 email: 43002111@qq.com timezone: # Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: next #配置主題，這里使用next主題 stylus: compress: true #自適應(yīng)布局 # Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git #部署環(huán)境，基于hexo+githubpage,所以這里使用git。注意：不同版本的hexo，type有可能不同，3.x以后應(yīng)使用git,具體參看官方文檔 repository: git@github.com:username/username.github.io.git #git倉(cāng)庫(kù)地址，替換成你的username即可，其他保持不變，后面會(huì)提到如何創(chuàng)建git倉(cāng)庫(kù) branch: master

編輯最后面的 deploy 屬性，加入代碼：

type: git repository: git@github.com:xxxxxx/xxxxxx.github.io.git #替換github地址，可https可ssh branch: master #分支branch填寫master

安裝hexo-deployer-git插件

npm install hexo-deployer-git --save

經(jīng)常遇到問(wèn)題是忘記安裝，找不到git、

發(fā)布過(guò)程遇到問(wèn)題

過(guò)程中遇到提示，查到是這樣：

Deployer not found: github

遇錯(cuò)情景： 最近從next主題切換到新主題的時(shí)候部署時(shí)遇到這個(gè)問(wèn)題。
報(bào)錯(cuò)原因： 沒(méi)有 hexo-deployer-git 這個(gè)東西，所以需要重新安裝一次。
注意事項(xiàng)： Hexo 3.0以前是使用的是hexo-deployer-github，3.0之后官方更改為hexo-deployer-git
解決方法： 重新安裝

$ npm install hexo-deployer-git –save

部署你本地的主題到github上

代碼如下，每次修改本地主題，都需要執(zhí)行以下代碼

$ hexo clean $ hexo generator #簡(jiǎn)寫 hexo g $ hexo deploy #簡(jiǎn)寫 hexo d #啟動(dòng)本地服務(wù)，進(jìn)行文章預(yù)覽調(diào)試，執(zhí)行如下命令 $ hexo server #簡(jiǎn)寫 hexo s

參考

next主題說(shuō)明：http://theme-next.iissnan.com/getting-started.htmlhttps://hexo.io/zh-cn/api/http://www.jianshu.com/p/858ecf233db9
配置SSH http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html

總結(jié)

以上是生活随笔為你收集整理的Github-Hexo-theme-NexT的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。