對於經常需要發部落格的小夥伴來說，擁有一個屬於自己的部落格網站，聽起來是不是很酷。 今天我就來告訴大家，怎麼搭建一個屬於自己的部落格網站，我們需要的就是使用**hexo+github**來搭建我們自己部落格系統。 ## 你能學到什麼？ > 1. 輕鬆搭建自己的部落格網站 > 2. hexo的基本寫作 @[TOC] ## 什麼是Hexo？ Hexo是一個快速，簡單且功能強大的部落格框架。相信經常用Markdown寫文章的人肯定不會陌生，使用Markdown（或其他標記語言）編寫帖子，然後Hexo會在幾秒鐘內生成帶有精美主題的靜態檔案。 ## 什麼是github? GitHub是一個面向開源及私有軟體專案的託管平臺，因為只支援git 作為唯一的版本庫格式進行託管，故名GitHub。 GitHub於2008年4月10日正式上線，除了Git程式碼倉庫託管及基本的 Web管理介面以外，還提供了訂閱、討論組、文字渲染、線上檔案編輯器、協作圖譜（報表）、程式碼片段分享（Gist）等功能。目前，其註冊使用者已經超過350萬，託管版本數量也是非常之多，其中不乏知名開源專案 Ruby on Rails、jQuery、python 等。 ## 為什麼選擇hexo和github - 1、全是靜態檔案，不需要書寫自己的後臺邏輯，訪問速度快 - 2、免費方便，不用花一分錢就可以搭建一個自己的個人部落格 - 3、可以整合很多的外掛，只需要簡單配置 - 4、樣式多樣可選，hexo有很多主題可供使用者選擇 - 5、自定義域名，可以繫結自己的域名 - 6、資料絕對安全，基於github的版本管理，歷史版本可隨意恢復 - 7、資料容易遷移 @[TOC] ## 一：準備 安裝Hexo非常容易，並且只需要以下內容： - Node.js（至少應為Node.js 8.10，建議為10.0或更高版本） - git 如果您的計算機已經有這些，恭喜！您可以直接跳到Hexo安裝步驟。 如果沒有，請按照以下說明安裝所有要求。 ### 1、安裝git 下載：[傳送門](https://gitforwindows.org/) ### 2、安裝NodeJs 下載：[傳送門](https://nodejs.org/en/) 唯一需要注意的是請確保已選中**新增到PATH**（預設情況下已選中）。 ### 3、檢視git和node版本：  ### 4、安裝hexo（使用npm） 使用npm i -g hexo來安裝，一步到位，檢視hexo版本。  ## 二、搭建部落格 ### 1、建立倉庫 前提是你的有一個自己的github賬號，這年頭，誰沒有個github賬號。 注意：建立一個名為username .github.io的儲存庫，其中username是您在GitHub上的使用者名稱。如果您已經上傳到其他儲存庫，請重新命名該儲存庫。 例如我的github名字是zero028，那麼我的倉庫名就是zero028.github.io，因為我寫這篇文章的時候，我已經建立過了，所以他會報錯已存在。  ### 2、配置ssh 如果你要使用遠端從你的電腦上傳檔案至你的github倉庫，那麼，你就需要配置ssh ``` 1、配置全域性變數 git config --global user.name "你自己的名字" git config --global user.email "你自己的郵箱" 2、生成ssh金鑰 ssh-keygen -t rsa -C "你自己的郵箱" ``` 將你使用者目錄下`.ssh/id_rsa.pub`裡的全部東西貼上到key裡面，名字隨便取。 `id_rsa.pub`一般windows會在`C:\Users\使用者名稱\.ssh`目錄下  驗證：輸入`ssh -T [email protected]`，如果出現以下資訊即為配置成功，到這裡你已經成功了一大半了。  ### 2、部落格初始化 在一個空的資料夾內開啟cmd，使用`hexo init` 進行初始化，他會下載一大堆東西。  ``` 目錄結構： . ├── _config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes ``` 說明： - node_modules：是依賴包 - public：存放的是生成的頁面 - scaffolds：命令生成文章等的模板 - source：用命令建立的各種文章 - themes：部落格使用的主題 - _config.yml：整個部落格的配置 - db.json：source解析所得到的 - package.json：專案所需模組專案的配置資訊 ### 3、部落格生成 只需要三句話你就能看到你的部落格 ``` 1、清除 hexo clean 2、生成 hexo g 3、啟動服務 hexo server ```  這時候你開啟，http://localhost:4000，噹噹噹當，那麼你就大功告成了。到這裡，你看一下你的watch，有沒有一個小時，如果超過了的話，當我前面沒說（手動狗頭）。  ### 4、上傳至github 當然，如果只能自己看到，這遠遠是不夠的，我們發部落格就是為了讓我們的文章能夠幫助到更多人，這時候你就需要上傳到github進行託管，這樣別人就可以訪問到你的部落格，看到你的文章了。 你需要在你的根目錄下的_config.yml配置 ```yml # Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git repo: https://github.com/zero028/zero028.github.io.git（你自己的git） branch: master ``` 然後使用`hexo d` 或者 `hexo deploy`上傳，它實現的原理就是將您的Hexo資料夾的檔案推送到儲存庫。public/預設情況下，該資料夾不是（也不應該）上傳的，請確保該.gitignore檔案包含public/行。資料夾結構應與此儲存庫大致相似，但不包含.gitmodules檔案 ``` 1、在此之前請先安裝一個外掛 npm install hexo-deployer-git --save 2、部署（上傳到GitHub） hexo d 或者 hexo deploy ``` 最終，你可以使用你的https://username.github.io訪問，例如我的是https://zero028.github.io，咦，我的怎麼和你的不一樣，那是我配置了域名和使用了其他的主題，如果你想知道我是怎麼設定的，請持續關注，謝謝。  ## 三：寫作 ### 1、建立新文章 要建立新帖子或新頁面，可以執行以下命令： ``` $ hexo new [layout]