GitHub+Hexo 搭建個人網站詳細教程
花了幾天搭建了個網站，先上鍊接，歡迎來訪：Zevs的個人博客
隨着互聯網浪潮的翻騰，國內外涌現出越來越多優秀的社交網站讓用戶分享信息更加便捷。然後，如果你是一個不甘寂寞的程序猿（媛），是否也想要搭建一個屬於自己的個人網站，如果你曾經或者現在正有這樣的想法，請跟隨這篇文章發揮你的Geek精神，讓你快速擁有自己的博客網站，寫文章記錄生活，享受這種從0到1的過程。
現在市面上的博客很多，如CSDN，博客園，簡書等平臺，可以直接在上面發表，用戶交互做的好，寫的文章百度也能搜索的到。缺點是比較不自由，會受到平臺的各種限制和噁心的廣告。
而自己購買域名和服務器，搭建博客的成本實在是太高了，不光是說這些購買成本，單單是花力氣去自己搭這麼一個網站，還要定期的維護它，對於我們大多數人來說，實在是沒有這樣的精力和時間。
那麼就有第三種選擇，直接在 github page 平臺上託管我們的博客。這樣就可以安心的來寫作，又不需要定期維護，而且hexo作爲一個快速簡潔的博客框架，用它來搭建博客真的非常容易。
Hexo簡介
Hexo是一款基於Node.js的靜態博客框架，依賴少易於安裝使用，可以方便的生成靜態網頁託管在GitHub和Coding上，是搭建博客的首選框架。大家可以進入hexo官網進行詳細查看，因爲Hexo的創建者是臺灣人，對中文的支持很友好，可以選擇中文進行查看。
教程分三個部分:
- 第一部分：hexo的初級搭建還有部署到github page上，以及個人域名的綁定。
- 第二部分：hexo的基本配置，更換主題，實現多終端工作，以及在coding page部署實現國內外分流
- 第三部分：hexo添加各種功能，包括搜索的SEO，閱讀量統計，訪問量統計和評論系統等。
第一部分
hexo的初級搭建還有部署到github page上，以及個人域名的綁定。
Hexo簡介
Hexo是一款基於Node.js的靜態博客框架，依賴少易於安裝使用，可以方便的生成靜態網頁託管在GitHub和Coding上，是搭建博客的首選框架。大家可以進入hexo官網進行詳細查看，因爲Hexo的創建者是臺灣人，對中文的支持很友好，可以選擇中文進行查看。
Hexo搭建步驟
- 安裝Git
- 安裝Node.js
- 安裝Hexo
- GitHub創建個人倉庫
- 生成SSH添加到GitHub
- 將hexo部署到GitHub
- 設置個人域名
- 發佈文章
1.安裝Git
Git是目前世界上最先進的分佈式版本控制系統，可以有效、高速的處理從很小到非常大的項目版本管理。也就是用來管理你的hexo博客文章，上傳到GitHub的工具。Git非常強大，我覺得建議每個人都去了解一下。廖雪峯老師的Git教程寫的非常好，大家可以瞭解一下。Git教程
windows：到git官網上下載,Download git,下載後會有一個Git Bash的命令行工具，以後就用這個工具來使用git。
2. 安裝nodejs
Hexo是基於nodeJS編寫的，所以需要安裝一下nodeJs和裏面的npm工具。
windows：nodejs選擇LTS版本就行了。
{% asset_img 20190814092836.png %}
安裝完後，打開命令行。檢查一下有沒有安裝成功
順便說一下，windows在git安裝完後，就可以直接使用git bash來敲命令行了，不用自帶的cmd，cmd有點難用。
node -v
npm -v
3. 安裝hexo
前面git和nodejs安裝好後，就可以安裝hexo了，你可以先創建一個文件夾blog，然後cd到這個文件夾下（或者在這個文件夾下直接右鍵git bash打開）。
輸入命令
npm install -g hexo-cli
依舊用hexo -v查看一下版本，到這就全部安裝完了。
接下來初始化一下hexo
hexo init myblog
這個myblog可以自己取什麼名字都行，然後
cd myblog //進入這個myblog文件夾
npm install
新建完成後，指定文件夾目錄下有：
- node_modules: 依賴包
- public：存放生成的頁面
- scaffolds：生成文章的一些模板
- source：用來存放你的文章
- themes：主題
- ** _config.yml: 博客的配置文件**
hexo g
hexo server
打開hexo的服務，在瀏覽器輸入localhost:4000就可以看到你生成的博客了。（使用ctrl+c可以把服務關掉。）
4. GitHub創建個人倉庫
首先，你先要有一個GitHub賬戶，去註冊一個吧。
（注：這裏提示如果瀏覽器提示錯誤不支持等信息）
GitHub無法訪問的錯誤，在hosts文件中加入下列IP，保存即可生效
windows下路徑爲：C:\Windows\System32\drivers\etc\hosts
Linux下路徑：/etc/hosts
#github
192.30.253.113 github.com
192.30.253.113 github.com
192.30.253.118 gist.github.com
192.30.253.119 gist.github.com
登錄到GitHub,如果沒有GitHub帳號，使用你的郵箱註冊GitHub帳號：Build software better, together 點擊GitHub中的New repository創建新倉庫，倉庫名應該爲：用戶名.http://github.io 這個用戶名使用你的GitHub帳號名稱代替，這是固定寫法，比如我的倉庫名爲：Zevs6.github.io
註冊完登錄後，在GitHub.com中看到一個New repository，新建倉庫
{% asset_img 20190815064946854.png %}
創建一個和你用戶名相同的倉庫，後面加.github.io，只有這樣，將來要部署到GitHub page的時候，纔會被識別，也就是xxxx.github.io，其中xxx就是你註冊GitHub的用戶名。我這裏是已經建過了。
{% asset_img 20190814113752973.png %}
點擊create repository即可完成創建。（恭喜你離成功又近了一步）
5. 生成SSH添加到GitHub
回到你的git bash中，{% asset_img 20190814113834554-1565754964765.png %}
輸入一下命令，這裏的yourname輸入你的GitHub用戶名，youremail輸入你GitHub的郵箱。這樣GitHub才能知道你是不是對應它的賬戶。
git config --global user.name "yourname"
git config --global user.email "youremail"
可以用以下兩條，檢查一下你有沒有輸對
git config user.name
git config user.email
然後創建SSH,一路回車
ssh-keygen -t rsa -C "youremail"
這個時候它會告訴你已經生成了.ssh的文件夾。在你的電腦中找到這個文件夾。
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-mmlVEfHN-1587716703081)(https://i.loli.net/2019/08/15/ZOtqdCPKWema7Mj.png)]
ssh，簡單來講，就是一個祕鑰，其中，id_rsa是你這臺電腦的私人祕鑰，不能給別人看的，id_rsa.pub是公共祕鑰，可以隨便給別人看。把這個公鑰放在GitHub上，這樣當你鏈接GitHub自己的賬戶時，它就會根據公鑰匹配你的私鑰，當能夠相互匹配時，才能夠順利的通過git上傳你的文件到GitHub上。
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-a2kscogy-1587716703082)(https://i.loli.net/2019/08/15/Vc92dhFngze6Jk5.png)]
將公鑰添加到GitHub上
- 詳細教程請百度搜索
- 點擊用戶頭像->settings->SSH and GPG keys ->New SSH key
- 將id_rsa.pub中的內容複製到key->文本框中，然後點擊Add SSH key(添加SSH)按鈕
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-dhRer5hY-1587716703085)(https://i.loli.net/2019/08/15/oQHVyq65miJGuzl.png)]
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-WPxCFYqr-1587716703086)(https://i.loli.net/2019/08/15/uXlM4opTdNSsDr3.png)]
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-jeILHxeV-1587716703087)(https://i.loli.net/2019/08/15/FDWybTCYzSBok9J.png)]
Title爲標題，任意填即可，將剛剛複製的id_rsa.pub內容粘貼進去，最後點擊Add SSH key。
在Git Bash中檢測GitHub公鑰設置是否成功，輸入 ：
ssh -T [email protected]
6. 將hexo部署到GitHub
這一步，我們就可以將hexo和GitHub關聯起來，也就是將hexo生成的文章部署到GitHub上，打開站點配置文件 _config.yml，翻到最後，修改爲YourgithubName就是你的GitHub賬戶名稱
deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master
用記事本打開
{% asset_img 20190814114059545.png %}
這個時候需要先安裝deploy-git ，也就是部署的命令,這樣你才能用命令部署到GitHub。
npm install hexo-deployer-git --save
然後輸入
hexo clean
hexo generate
hexo deploy
其中 hexo clean清除了你之前生成的東西，也可以不加。
hexo generate 顧名思義，生成靜態文章，可以用 hexo g縮寫
hexo deploy 部署文章，可以用hexo d縮寫
注意deploy時可能彈出對話框要你輸入username和password。
最後恭喜您成功晉級！
- 在瀏覽器中輸入http://Zevs.github.io 就可以看到你的博客了，是不是很開心很興奮啊，要控制住自己嘻嘻嘻嘻!
- 清除gitbash中命令clear
- 我們已部署成功http://yourname.github.io 這個網站看到你的博客了！！（yourname換成你的倉庫名稱哦！）
7. 設置個人域名
現在你的個人網站的地址是 yourname.github.io，如果覺得這個網址逼格不太夠，這就需要你設置個人域名了。但是需要花錢。
註冊一個阿里雲賬戶,在阿里雲上買一個域名，我買的是 zhsh666.xyz，各個後綴的價格不太一樣，比如最廣泛的.com就比較貴，看個人喜好咯。
你需要先去進行實名認證,然後在域名控制檯中，看到你購買的域名。
點解析進去，添加解析。
{% asset_img 20190814114258154.png %}
包括添加三條解析記錄，192.30.252.153是GitHub的地址，你也可以ping你的 Zevs6.github.io 的ip地址，填入進去。第三個記錄類型是CNAME，CNAME的記錄值是：你的用戶名.http://github.io 這裏千萬別弄錯了。
{% asset_img 20190814114327860.png %}
第二步，登錄GitHub，進入之前創建的倉庫，點擊settings，設置Custom domain，輸入你的域名點擊save保存。 {% asset_img 2019081411435463.png %}
第三步，進入本地博客文件夾 ，進入blog/source目錄下，創建一個記事本文件，輸入你的域名，對，只要寫進你自己的域名即可。如果帶有www，那麼以後訪問的時候必須帶有www完整的域名纔可以訪問，但如果不帶有www，以後訪問的時候帶不帶www都可以訪問。所以建議，不要帶有www。這裏我還是寫了www(不建議帶有www):
保存，命名爲CNAME ，注意保存成所有文件而不是txt文件。
完成這三步，進入blog目錄中，右鍵打開gitbash，依次輸入：
hexo clean
hexo g
hexo d
過不了多久，再打開你的瀏覽器，輸入你自己的域名，就可以看到搭建的網站啦！
接下來你就可以正式開始寫文章了。（hexo n “博客名字”）
hexo new newpapername
然後在source/_post中打開markdown文件，就可以開始編輯了。當你寫完的時候，再執行如下代碼：
hexo clean
hexo g
hexo d
通過帶有預覽樣式的Markdown編輯器實時預覽書寫的博文樣式，也可以通過命令 hexo s --debug 在本地瀏覽器的localhost:4000 預覽博文效果。寫好博文並且樣式無誤後，通過hexo g、hexo d 生成、部署網頁。隨後可以在瀏覽器中輸入域名瀏覽。
到這裏感覺小夥伴的觀看，相信你已經完成了自己的個人博客！歡迎在下方評論區留言哦！
