Hexo + Github 搭建我的博客

歡迎來到 scofieldwenwen 的我的博客，受到 stormzhang 的影響，決定開始搭建本身的博客。該文是我本身搭建博客的過程，採用的是 Hexo 博客框架管理，使用 Github 託管，將本身的域名關聯到 Github Pages 上。

安裝 git

• 在 Windows 平臺下載安裝 Git， 點擊下載Git

• 安裝教程: 在 Windows 上安裝 Git

• Git 的命令就是 Linux 的 shell 命令行: Git 基本操做命令

• 查看 Git 安裝是否完成，在 win+r 中輸入 cmd 命令窗口彈出後，輸入 git –version 查看 git 版本

• 設置 Git 的用戶名和郵箱：

  $ git config --global user.name "scofieldwenwen"

  $ git config --global user.email "scofieldwenwen@163.com"

安裝 Node.js

• Node.js 官網下載， 下載後基本都是點擊下一步完成安裝.
• 查看 Node.js 是否安裝完成，在 win+r 中輸入 cmd 命令窗口彈出後，輸入 node -v 查看 Node 版本

安裝 Hexo

• 在建立目標文件夾 (如 D:\hexo)，在 hexo 文件夾裏，單機右鍵選擇 Git Bash Here，輸入如下命令安裝 Hexo : $ npm install -g hexo-cli

• Hexo 初始化配置

  $ npm hexo init

  $ npm install

• 初始化以後， hexo 的結構目錄以下:[圖片上傳失敗...(image-ceb47f-1536048027888)]

• Hexo 經常使用的命令行： hexo help #查看幫助

  hexo init #初始化一個目錄

  hexo new "postName" #新建文章

  hexo new page "pageName" #新建頁面

  hexo generate #生成生成靜態網頁，能夠在 public 目錄查看整個網站的文件

  hexo server #本地預覽，'Ctrl+C'關閉

  hexo deploy #部署.deploy目錄

  hexo clean #清除緩存，強烈建議每次執行命令前先清理緩存，每次部署前先刪除 .deploy 文件夾

  簡寫： hexo n == hexo new hexo g == hexo generate hexo s == hexo server hexo d == hexo deploy

• Hexo 安裝 server，生成靜態文件後，用 server 啓動服務器，從而預覽。 $ npm install hexo-server --save

• 能夠就能夠查看第一個 hexo 默認生成的 blog ，輸入命令： $ hexo generate $ hexo server 在瀏覽器查看本地靜態網頁：http://localhost:4000/ [圖片上傳失敗...(image-4d00a3-1536048027888)] 看到這個頁面有點小激動，本地博客搭建起來了，不過只是個本地的網頁而已，接下來就要把網頁部署上去。

將博客部署到 Github Pages 上

• 準備一個 Github 帳號，沒有的就去官網註冊一個帳號。

• 建立一個倉庫 repository，用來託管博客。倉庫名必須爲 [github用戶名].github.io [圖片上傳失敗...(image-4ef99-1536048027889)]

• 配置 SSH 密鑰教程：github 設置添加 SSH

• 將本地的 Hexo 文件同步到 Github 的倉庫中： 複製剛纔建立倉庫的 HTTPS 連接 [圖片上傳失敗...(image-41cb6a-1536048027889)] 將連接粘貼到 Hexo 文件目錄的 _config.yml 配置文件上保存： deploy: type: git repo: github.com/scofieldwen… branch: master 注意：配置文件鍵值之間必須有個空格 將博客部署上去： $ hexo g $ hexo d 或者直接輸入 $ hexo g -d 在瀏覽器查看 Github Pages，在瀏覽器輸入 username.github.io (個人是scofieldwenwen.github.io) 就能夠看到本身的博客了!到這裏一個免費的博客就建立好了。

配置博客以及主題

• 配置博客： Hexo 官網教程
• 在 Hexo 官網 選取主題
• 將主題在 Github 上打開，複製 Clone HTTPS ，而後在在 hexo\theme 目錄下 clone 該主題，如我使用是Next主題 git clone github.com/iissnan/hex…
• clone 成功後，修改 Hexo 目錄中的配置文件 _config.yml 的主題 ，主題名字爲 clone 下來的主題文件夾名稱 theme: hexo-theme-next
• 生成靜態網頁，查看本地效果 $ hexo g $ hexo s
• 效果能夠的話，就部署到 Github 上 $ hexo clean $ hexo g -d

將本身的域名關聯上 Github Pages 上

• 購買一個域名，個人是在 阿里雲 上購買的。
• 配置 CNAME 文件 在 \hexo\source 文件夾下建立文件 CNAME （沒有後綴名），編輯內容，填寫申請的域名。
• 修改 DNS [圖片上傳失敗...(image-339f21-1536048027889)]
• 注意: 不能有不能有相同的主機記錄,好比個人郵箱也有 @ 的主機記錄,我就不須要郵箱就把它刪了。

大功告成

• 最後網頁部署，瀏覽器輸入域名（scofieldwenwen.com）或者本身 Github Pages 的地址

  

總結

• 搭建 hexo 中還會用到一些插件，這個因人而異，固然這些插件都是有說明文檔的，照着來就行。
• 萬事開頭難，可是一旦開始就要把它作好！
• 接下來就是要堅持寫本身的博客了，記錄總結，留下本身成長的過程！