環(huán)境準備

• 使用Hexo，需要在電腦中安裝Nodejs和Git。

• Node.js下載地址 點我

  安裝界面如下，一路Next即可。

• Git安裝可以去百度，很多。

• 最后檢查是否安裝成功，如下圖

安裝Hexo

• 提示：進行下面的步驟時，由于國內(nèi)的網(wǎng)絡(luò)問題，有時候可能會很慢。有時候也會出現(xiàn)一些莫名其妙的坑。所以這個時候你可能需要npm換源 這個 感謝此文作者，感謝淘寶~~ 。你也可以先進行下面的步驟，出現(xiàn)問題再來看這個

• 下面的步驟強烈建議在 Git Bash中進行，如果用CMD命令行會有很多意想不到的坑。

1. 可以在任意盤符下建立文件夾 如 F：/hexo

2. 進入該目錄下，右鍵打開Git Bash

3. 執(zhí)行命令 npm install hexo-cli -g 安裝hexo

4. 執(zhí)行命令 hexo init 進行初始化操作

5. 執(zhí)行命令 npm install

6. 執(zhí)行命令 hexo g 生成靜態(tài)文件，此命令會在當前目錄下生成一個public文件夾。此文件夾的內(nèi)容后面會上傳到github來作為我們博客的內(nèi)容。

7. 執(zhí)行命令 hexo s 用來啟動服務(wù)。這時候去瀏覽器輸入 http://localhost:4000 就可以看到本地頁面啦~。如下圖

更換主題

1. 你可能不太稀飯這個主題風格，可以下載其他風格~。你可以執(zhí)行下面的命令下載另一個主題。

   $ hexo clean
   $ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
   
   

2. 要想使用此主題，還需要設(shè)置一下。修改Hexo目錄下的 _config.yml 配置文件中的theme屬性，將其設(shè)置為yilia。

   $ cd themes/yilia
   $ git pull
   $ hexo g # 生成頁面
   $ hexo s # 啟動本地服務(wù)
   
   

   現(xiàn)在打開 http://localhost:4000/ ，會看到我們已經(jīng)應(yīng)用了一個新的主題。

什么是Github Pages

1. 每個Github都可以有一個倉庫來放置個人主頁，倉庫的名稱必須是youname/youname.github.io。這是一個特殊的命名約定。創(chuàng)建好倉庫你可以通過http://username.github.io來訪問你的個人主頁。需要注意的是，你的內(nèi)容需要放在master分支下面。

2. 注冊GitHub及使用Github Pages的過程百度有很多，不再贅述。

上傳內(nèi)容到Github Pages

• 提示：上傳之前需要安裝一個擴展 npm install hexo-deployer-git --save

1. 如果要把自己生成的網(wǎng)頁內(nèi)容上傳到Github Pages，需要到前面我們生成的hexo文件夾下，找到配置文件 _config.xml 。做如下的修改

   deploy:
   type: git
   repo: git@github.com:xxxxx/xxxx.github.io.git
   branch: master
   

2. 然后執(zhí)行 hexo d 即為將內(nèi)容部署到github上。期間你可以選擇通過SSH的方式，也可以通過HTTPS的方式。區(qū)別就是輸不輸賬號密碼了，個人喜歡通過https的方式上傳。（通過SSH KEY的方式需要去git bash和github配置，不會就百度吧，很多文章~）

3. 部署成功后，可能會存在延遲，訪問 https://xxxxx.github.io/ 就可以看到內(nèi)容啦。

你還需要的東西

• 通過上面的步驟，我們成功的將本地的靜態(tài)頁面上傳到github并且能成功的訪問了。興奮ing~~ 但是我們只是學會了如何上傳，而且只有一個hello文章。一個博客最重要的當然還是內(nèi)容了。下面介紹如何給博客添加內(nèi)容。

1. 以下是上面用過的一些命令的解釋

   1. hexo generate (hexo g) 生成靜態(tài)文件，會在當前目錄下生成一個新的叫做public的文件夾
   2. hexo server (hexo s) 啟動本地web服務(wù)，用于博客的預覽
   3. hexo deploy (hexo d) 部署播客到遠端（比如github, heroku等平臺）

2. 下面是新建文章的相關(guān)命令

   $ hexo new "postName" #新建文章
   $ hexo new page "pageName" #新建頁面
   
   $ hexo n == hexo new
   $ hexo g == hexo generate
   $ hexo s == hexo server
   $ hexo d == hexo deploy
   
   $ hexo d -g #生成部署
   $ hexo s -g #生成預覽
   
   

3. 新建的文章你可以在source文件夾下找到，然后~ 開始寫作吧markdown語法可以參照 http://wowubuntu.com/markdown/

4. 預覽文章時，覺得長度過長?？梢栽谀阈枰財嗟牡胤郊由?****

5. 最后，最好的文檔還是官方的⊙０⊙ https://hexo.io/zh-cn/docs/

• QQ 527369301