使用Hexo和Github Pages快速搭建我的博客

在編程路上，天天都在網上查看別人的博客，大牛的文章寫得通俗易懂，同時博客網站也很是華麗。做爲出入編程的一枚小白也想擁有這樣一個本身的網站。那就立馬去買一個域名了，在網上找教程來搭建。搭建的過程還算比較順利，沒有遇到多大的問題，雖然這篇博客的內容也是從別人的博客東粘西補過來的，爲何要東粘西補呢，由於光照着一篇博客並不能順利搭建，還須要其餘博客來補充。本博客的最大好處是隻要閱讀這一篇博客就能解決問題，這裏找出了我踩過的雷坑，方便你們暢通無阻的搭建。node

git

原材料

域名（自行購買）
node.js（官網下載）
git（官網下載）
hexo。方法：git安裝完成後，在桌面右鍵，點擊Git Bash Here，輸入npm命令

npm install hexo-cli -g
npm install hexo-deployer-git --save

第一句是安裝hexo，第二句是安裝hexo部署到git page的deployer。github

本地搭建Hexo靜態博客

建立Hexo文件夾本身挑選一個目錄創建一個文件夾（E:\MyBlog），進入MyBlog文件夾下，右鍵點擊Git Bash Here，進入Git命令框，執行如下操做，生成hexo模板

hexo init

本地查看效果執行下面語句，執行完便可登陸localhost:4000查看效果

hexo generate
hexo server

也能夠使用簡寫npm

hexo g -s

本地博客以及搭建起來，接下來須要把本地的博客發佈到服務器上。編程

將博客部署到Github Page上

1、建立項目代碼庫

Github Pages是寄存在Github上面的，即須要在Github上建立一個新的項目。登陸本身的Github帳戶，點擊New repository，須要注意的是填寫Repository name時，名字的格式必須爲xxx.github.io xxx爲本身的github的用戶名，好比個人github名爲ghq120，因此建立倉庫名爲ghq120.github.io瀏覽器

2、配置SSH密鑰

配置Github的SSH密鑰可讓本地git項目與遠程的github創建聯繫，讓咱們在本地寫了代碼以後直接經過git操做就能夠實現本地代碼庫與Github代碼庫同步。服務器

生成及配置SSH很少作說明，丟出一個鏈接 SSH鏈接GitHub、GitHub配置ssh key 簡單來講就是生成一個SSH密鑰，而後在GitHub中添加密鑰。配置完成後，能夠在git窗口中輸入可查看是否設置成功hexo

$ ssh -T git@github.com

顯示以下即成功ssh

3、將本地的Hexo文件更新到Github的庫中

打開MyBlog文件夾下 _config.yml文件，找到deploy關鍵字，改以下配置編輯器

deploy:
  type: git
  repository: git@github.com:ghq120/ghq120.github.io.git
  branch: master

repository的內容將 ghq120 替換爲本身的用戶名在MyBlog文件夾下執行：

$ hexo g -d

執行完輸入github的帳號密碼，完成後可在瀏覽器輸入https://gh120.github.io/ 訪問博客。

若出現 ERROR Deployer not found: git錯誤說明deployer沒有安裝成功，將以下命令再安裝一次便可：

npm install hexo-deployer-git --save

GitHub Page綁定本身的域名

1、CNAME文件

在source文件夾中新建一個CNAME文件（無後綴名），而後用文本編輯器打開，在首行添加你的網站域名，如

mipha.top

注意前面沒有http://，也沒有www，而後使用hexo g -d上傳部署。

2、配置DNS

本人的域名是在阿里雲買的，解析配置DNS使用的是DNSPOD 。在配置頁面加入這兩條記錄其中記錄值處的內容是ping你的ghq120.github.io域名，獲得一個IP 由於是在DNSPOD處解析域名，因此須要在阿里雲域名管理臺處修改DNS以下

f1g1ns1.dnspod.net 
f1g1ns2.dnspod.net

3、等待生效

等10分鐘解析生效後就能夠經過在瀏覽器中輸入本身的域名來訪問GitHub Pages博客。