1.搭建環境

• windows 7(64 位)
• $ git-2.15.1-64-bit
• $ node-v8.9.3-x64

  如果上述軟體已安裝，請跳過。沒有的，下載安裝

  安裝好後檢視版本：git version

 Hexo是基於nodeJS環境的靜態部落格，裡面的npm工具很有用

 安裝好後檢視版本：node -v

3.安裝HEXO

• 先建立一個資料夾用來存放blog,mkdir hexo,然後cd hexo
• 安裝hexo命令：npm i -g hexo

• 安裝完成後，檢視版本：hexo -v
  

• npm ERR! registry error parsing json 錯誤

   可能需要設定npm代理，執行命令

npm config set registry http://registry.cnpmjs.org

• hexo:command not found

   刪除剛剛安裝的npm目錄，重新執行命令npm i -g hexo

• 初始化hexo:hexo init ，初始化完成後會在hexo資料夾下生成建blog的必要檔案。

  

• 解釋一下：
    - node_modules：是依賴包
    - public：存放的是生成的頁面
    - scaffolds：命令生成文章等的模板
    - source：用命令建立的各種文章
    - themes：主題
    - _config.yml：整個部落格的配置
    - db.json：source解析所得到的
    - package.json：專案所需模組專案的配置資訊

2.本地測試

  現在我們要搭建本地的部落格測試一下。

  在hexo資料夾下執行命令：

• hexo generate 或者hexo g #生成靜態頁面至public目錄

• hexo server 或者hexo s #開啟預覽訪問埠（預設埠4000，’ctrl + c’關閉server）
  

  -問題
   執行hexo server提示找不到該指令
   解決辦法：
   在Hexo 3.0 後server被單獨出來了，需要安裝server，安裝的命令如下：

npm install hexo -server --save

  按照提示，在瀏覽器搜尋框中輸入http://localhost:4000/

  這個只是HEXO內建的一個主題，如果大家覺得不喜歡，可以去網上搜一搜其它的主題，至於後面的怎麼弄，我目前也不清楚，因為今天才搭起來的部落格就寫這篇文章了。後面的話會給大家更新這塊的。

3.Git Hub準備工作

2. 建立new repo

3. 填寫repo資訊

  這裡請一定保證命名格式跟圖中一致. “yourname”和owner的名字要相同如果不同的話，比如說圖中的owner是ekoopgj，repository name是yourname.github.io。 到最後你訪問你的github pages的域名就是https://ekoopgj.github.io/yourname.github.io，但是你把yourname改成ekoopgj的時候，你的網頁部落格地址就是https://ekoopgj.github.io了。
  這裡有一個大坑：當你的github pages域名為https://ekoopgj.github.io/yourname.github.io你在windows的CMD命令列裡ping ekoopgj.github.io/yourname.github.io是ping不通的，但如果你把yourname設定成onwer一致，你的github pages域名就是https://ekoopgj.github.io，在CMD下ping ekoopgj.github.io是可以ping通的。如果你連域名都ping不同，你後面就不能將自己的域名跟github pages綁定了，因為DNS伺服器無法解析你的域名。
  其實 https://ekoopgj.github.io/yourname.github.io可以通俗的理解為你將會把你的blog檔案放在根目錄是ekoopgj.github.io的yourname.github.io資料夾下。但個人覺得HEXO裡面生成檔案都是在github pages預設的根目錄下來引用，這裡相當於把根目錄設定成了ekoopgj.github.io/yourname.github.io,而不是ekoopgj.github.io/，所以網頁檔案在引用上就會找不到對應的檔案了。會造成網頁資訊缺失。

4. 配置GitHub賬戶資訊

  回到git bash中敲下兩條指令即可

git config --global user.name "yourname"
git config --global user.email "[email protected]"

5. 生成SSH金鑰

  在Git bash中輸入ssh-keygen -t rsa -C "[email protected]"

  可以看到我的key存在了/c/Users/ekoopgj/.ssh/目錄下,這裡生成了兩個金鑰，一個時id_rsa，這個時私有的，還有一個時id_rsa.pub,這個是共有的，接下來我們只需要複雜公有金鑰的資訊

  然後cat id_ras.pub 將所有內容複製

  登入Git hub，點選setting>SSH and GPG keys

  最後點選Add SSH key，這樣就把公鑰匯入到GitHub上去啦

  在Git bash中輸入指令驗證是否匯入成功：

ssh -T git@github.com

  倒入成功！

6.修改_config.yml
  開啟存放部落格檔案下的_config.yml檔案，修改檔案裡面的配置。

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: [email protected].com:ekoopgj/ekoopgj.github.io.git
  branch: master

  注意每行冒號後面有一個空格，務必保證repo的格式正確

7.上傳到Git_Hub

• 先安裝npm install hexo-deployer-git --save（這樣你才能將寫好的文章部署到github上讓別人瀏覽到）

• 執行以下命令：(建議每次都按照下面的執行順序來）

  • hexo clean
  • hexo generate
  • hexo deploy
    這個過程中會出現 hexo warn…這個是可以忽略的，但是出現了hexo ERROR後，就得自行百度了，找到答案處理完error後，按照剛才的命令執行順序再試一遍。
    
      出現INFO Deploy done: git就ok了。

• 在瀏覽器中輸入http://yourgithubname.github.io，就可以看到你的個人部落格了。

3.繫結個人域名

1. 首先購買一個域名，我是在阿里雲的萬網上面買的，然後還買了一個雲虛擬主機（買的時候免費提供DNS解析服務，後來才知道其實不用買雲虛擬主機了，因為雲虛擬主機就是提供了一個網路資料夾讓你通過FTP把本地的網頁檔案傳上去，實現網頁顯示。有了Git Hub,一樣可以實現這種功能，還是免費的，但是不買雲虛擬主機的話就得買DNS解析服務，這樣一套下來價格就會便宜很多。）

2. 有了DNS解析服務後，在windows的CMD視窗ping yourgithubname.github.io ，你就知道你的github pages的IP了。這裡我購買的域名是317cpan.com
   

3.在DNS server中新增你的github pages的ip解析。不會的話直接點新手指導。

4.解析完成後在你的本地部落格資料夾中的source資料夾下新建一個CNAME檔案，寫上你的域名，格式為：xxx.com，然後再部署一遍

hexo clean
hexo g
hexo deploy

或者直接在github你的部落格repo下新建一個CNAME檔案，寫上你的域名。

5.在Git Hubpages頁面設定一下你繫結的custom domain.在custom domain下填寫上你的域名，然後點選save.在GitHub pages第二行出現your site is piblished at http://317cpan.com/（這是我的）就大功告成了。

後記

  想自己手敲程式碼進行設計的話可以先看看Head First HTML與CSS第2版 入門web前端
然後下載 IntelliJ IDEA,前端開發利器，如果你知道如何破解的話，請告訴我。如果你是土豪買了正版，覺得這篇文章寫得還不錯，請賞我一個註冊碼。
  碰到問題的隨時留言，一天內回覆。