Node.js+Hexo+GitHub搭建屬於本身的我的博客

踩了各類坑/(ㄒoㄒ)/~~，看了各類資料文檔，終於搭建好了hexo，node和hexo我下載的都是最新版的。

---

什麼是Hexo?

Hexo是一個快速，簡潔且高效而且基於Node.js的靜態博客框架，使用Markdown解析文章，幾秒內便可利用靚麗的主題生成靜態網頁。

---

環境

• Node.js(用於生成靜態頁面)官網
• Git(用於把本地hexo內容提交到github上)官網
• github帳號(做爲博客的遠程倉庫，域名，服務器等)官網

---

以上環境都安裝好之後，就能夠正式安裝Hexo啦~ 在本地建立一個文件夾，如blog，做爲hexo的根目錄，有一系列的配置文件，全部的操做都會在裏面進行。而後在blog裏右擊打開GitBash,安裝Hexo。

1.安裝Hexo

$ npm install -g hexo-cli
複製代碼

2.初始化Hexo

$ hexo init
複製代碼

至此，所有安裝工做已完成！

---

執行如下命令(通常用簡寫的)，本地測試博客
1.生成靜態頁面

$ hexo generate
複製代碼

2.啓動本地服務器

$ hexo service
複製代碼

瀏覽器訪問，默認狀況下，訪問網址爲：

http://localhost:4000/
複製代碼

---

部署到GitHub

1.建立新的repositiry
倉庫名必須爲【username.github.io】,固定寫法，這是我踩的第一個坑/(ㄒoㄒ)/~~，若是不一致最後域名在瀏覽器訪問時就會出現404頁面**

2.設置GitHub Pages
進入當前倉庫的setting,拉到最後面就會看到GitHub Page

3.將本地文件部署(上傳)到GitHub帳戶中

編輯本地blog根目錄下的_comfig.yml文件，打開，拉到最後面添加以下代碼。repo填的是地址（題主用的是HTTPS），就兩種協議，看大家心情吧喜歡哪一個用哪一個。message能夠不寫。最最最最重要的要必定注意啦！！！！ yml文件下的每一個冒號後面都須要空一格在填寫（不然你就會像我同樣出現各類莫名其妙的bug,這是我踩的第二個坑），例如type: git（冒號後面要留一個空格再加git）切記啊！！！

deploy:
  type: git
  repo: https://github.com/NIIT123456/NIIT123456.github.io.git
  branch: master
  message: 一個用於記錄踩坑填坑及生活的心路歷程的地方
複製代碼

4.提交
執行命令,安裝依賴包

$ npm install hexo-deployer-git --save
複製代碼

PS：出現這兩個警告的話不用擔憂其實你已經安裝成功了，fsevent是mac osx系統的，在windows或者Linux下使用了因此會有警告，忽略便可。

再執行部署網站命令(括號裏面的是簡寫)

$ hexo deploy
複製代碼

---

而後在瀏覽器中輸入niit123456.github.io/就能夠訪問啦，把個人niit123456改爲你的github的帳戶名就好了

每次部署步驟

三步：

$ hexo clean
複製代碼

$ hexo generate
複製代碼

$ hexo deploy
複製代碼

好啦~目前爲止，已經你已經會部署啦堅持到如今你也不容易啊~~~///(^v^)\~~~，後面會更新修改主題大法哈哈哈哈哈