Hexo 博客搭建

什麼是Hexo？

 

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。

準備工做

GitHub帳號

Git Windows版客戶端

NodeJS環境

步驟一：建立你在GitHub上的Hexo項目倉庫

默認的域名是http://yourusername.github.io/,若是想要一個特別的域名，能夠買一個域名，並在setting裏面綁定就能夠了。以上完成了第一步，咱們有本身的代碼倉庫了，接下來咱們要配置本機環境了！

步驟二：本機環境搭建

咱們須要下載NodeJS與Git，安裝基本上就是默認安裝，沒有什麼技術難點。

 

 選擇Windows64位版本，下載安裝。

完成以後，打開命令窗口（Win+R，輸入CMD，回車），分別輸入node -v,  npm -v, git -version,  若是都能像下圖同樣返回版本號就說明安裝好了。

 

 步驟三：SSH受權

打開git bash，輸入ssh-keygen -t rsa, 接着回車三下

這樣就會在C盤用戶目錄下的.ssh下生成id_rsa和id_rsa.pub這兩個文件，前者是密鑰，後者是公鑰，用記事本打開id_rsa.pub，複製其中的所有內容，添加到GitHub上，這樣本地的id_rsa密鑰就能夠和GitHub上的id_rsa.pub公鑰進行配對，受權成功。

複製這一串代碼到下面這個地方

 測試Git連通性

步驟四：設置本地博客服務器（以後直接上GitHub託管後再摒棄這個本地的）的配置

在任意一個地方新建一個文件夾，在git bash中進入這個文件夾，好比cd /f/Hexo/（以後安裝的服務器端代碼會保存在這個文件夾內），輸入npm install -g hexo安裝hexo便可。

注意：這裏我設置的Hexo文件夾是我是事先建立好的，用來存放Hexo服務器代碼的文件夾，須要與後面建立Hexo博客項目的文件夾加以區分。

cd /f/Hexo
npm install -g hexo
npm install hexo --save

注意，在回車以後，可能會出現一行WARN的警告語句，不用管它，什麼都不要按，等着。。。過一段時間若是出現hexo版本號之類的語句就表明差很少了。

而後輸入npm install hexo --save這個時候你會看到命令行出現了一堆白字，緊接着輸入hexo v查看是否安裝成功

服務器代碼文件夾長這個樣子的~

 步驟五：初始化Hexo工程 名字你隨便起

注意：在生成項目前，提早建立工程目錄文件夾（個人項目目錄Hexo_init）

/hexo/>>>> hexo init Hexo_init
## 等待。。。。

步驟六：啓動Hexo服務器

hexo s

 

項目成功跑起來了！！！

步驟七：用你本身的域名綁定到xxx.github.io

沒有域名的話先去申請一個域名

在倉庫裏添加CNAME文件並在文件中填寫綁定的域名

文件裏填寫的內容：要綁定的域名（不要包含Http://和www）

進入設置

找到 Custom domain添加域名後保存便可。

（添加CNAME文件並在文件中填寫綁定的域名後應該會自動保存，看看有沒有自動保存）

阿里雲添加域名解析

ping你的http://xxx.github.io，獲得一個IP；

修改你的域名解析記錄；

添加兩個A記錄，用獲得的IP，一個主機記錄爲：「www」，一個爲「@」，

 

注意！！！以後發現了一個bug，每次本地Hexo生成提交後，tingguoguo.cn沒法繼續正常訪問，發現是GitHub的CustomDomain會被清空！

解決方案： 在本地Hexo項目source文件夾下放個CNAME文件（沒有後綴名 文件類型：文件 啥後綴都沒有）

與倉庫的CNAME文件徹底一致便可！！！

步驟八：上傳到GitHub

 

cd Hexo_init/
npm install hexo-deployer-git --save hexo g
# g 是生成的意思 hexo d
# d 是提交的意思

以後你就會發現你的GitHub倉庫裏面就有了這個項目！！！