【hexo】如何在一個小時內搭載我的博客

版權申明：本文爲博主原創文章，未經博主容許不得轉載。如需轉載，請私聊博主。

什麼是hexo

Hexo是一個開源的靜態博客生成器,用node.js開發,做者是臺灣大學生tommy351。

前期準備

安裝node.js.

這裏我推薦你們使用v5的版本，下載地址：node.js.找到node-v5.12.0-x64.msi 下載安裝便可。v6以及以上的版本聽一些大佬說會出現使人蛋疼的麻煩，有興趣的童鞋能夠去嘗試一下v6或者v7版本。本文案例使用的5.12的版本。

安裝git.

下載地址：git.因爲窮本人只有一臺電腦，因此這裏的教程只針對windows用戶，要是有童鞋以爲文章能夠的話能夠讚揚一下，給個人早餐加個滷蛋也許我會更有動力更新關於mac和linux用戶的教程。

安裝hexo

安裝完git以後就能夠安裝hexo了，若是某些童鞋的電腦桌面上沒有git bash,可嘗試在開始菜單裏查找。打開git bash 以後輸入如下命令回車將hexo安裝到全局。

$ npm install -g hexo

測試安裝hexo

而後輸入hexo -v若是顯示如下內容則安裝成功。版本不一樣可能會有少量差別，不過無傷大雅。

hexo-cli: 1.0.2

os: Windows_NT 10.0.14393 win32 x64

http_parser: 2.7.0

node: 5.12.0

v8: 4.6.85.32

uv: 1.8.0

zlib: 1.2.8

ares: 1.10.1-DEV

icu: 56.1

modules: 47

openssl: 1.0.2h

註冊github帳號

因爲咱們的博客是使用github託管的，不懂github是什麼的童靴請自行百度瞭解，所以咱們須要註冊一個github的帳號，註冊地址：github.註冊流程和咱們註冊QQ同樣簡單。

新建一個Github倉庫

註冊完成以後在你的右上角頭像點擊下拉列表選擇your profile,而後選擇Repositories,點擊綠色的new 按鈕，在Repository name的輸入框內寫入和你的owner名字+github.io，這裏個人用戶名是JavaEngineerLiu,因此個人Repository name也是JavaEngineerLiu.github.io。最後create repository.

hexo初始化

前面咱們已經安裝完了hexo，可是咱們還須要給它初始化，在你的任意一個盤符裏新建一個文件夾，這裏我選擇的是在D盤新建的一個hexo的文件夾。打開文件夾右鍵git bash,輸入如下命令。

$ hexo init

生成靜態頁面

初始化完成以後會自動生成一篇「hello world」的文章，如今咱們須要輸入如下命令將文章轉換爲靜態頁面。固然你也可使用縮寫格式hexo g.

$ hexo generate

啓動本地預覽

在git bash 上輸入如下命令(你也可使用快捷命令hexo s)，而後在瀏覽器中輸入http://localhost:4000/查看生成的頁面效果。

hexo server

若是顯示如下圖片則你的博客已經搭載成功了。!

部署本地文件到github

這裏打開前面本身新建的文件夾下面的_config.yml文件，用記事本打開便可。在文件的最下方，添加以下配置。

deploy:

type: git

repository: https://github.com/JavaEngineerLiu/JavaEngineerLiu.github.io

branch: master

注：每個冒號以後須要空一格，第一個JavaEngineerLiu爲Github的用戶名,第二個JavaEngineerLiu爲以前New的Repository的名字,不要把個人給複製上去了。

配置SSH key

若是你是第一次使用github則須要配置SSH key.

• 右鍵選擇git bash ,輸入如下命令，your_email@youremail.com換成註冊github的郵箱號。

  $ ssh-keygen -t rsa -C "your_email@youremail.com"

• 以後會要求確認路徑和輸入密碼，咱們這使用默認的一路回車就行，成功的話會在C:\Users\Administrator下生成.ssh文件夾，若是你的電腦的用戶名是中文，則會在C:\用戶\電腦用戶名下生成.ssh文件夾，進入該文件夾，以文本的形式打開id_rsa.pub，複製裏面的key，即複製文件的所有內容。若是你在這邊只看見2個id_rsa文件，沒看到id_rsa.pub，應該是你把後綴名隱藏了，能夠設置顯示後綴，或者直接把兩個文件都以文本的形式打開，內容短的而且以ssh-rsa開頭的即爲所需的SSH key。回到github，進入Settings，選擇SSH and GPG Keys -> New SSH Key，title隨便填，粘貼key。爲了驗證是否成功，在git bash下輸入：

  $ ssh -T git@github.com

• 有些童靴若是顯示continue，輸入yes就會看到：You’ve successfully authenticated， but GitHub does not provide shell access ，這就表示已成功連上github。

上傳本地倉庫到github

在git bash 裏分別輸入如下命令。your name換成你的github用戶名，your_email@youremail.com換成你註冊github的郵箱。

$ git config --global user.name "your name"
$ git config --global user.email "your_email@youremail.com"

測試本身的域名是否能用

打開瀏覽器輸入JavaEngineerLiu.github.io，若是顯示的是你在本地服務預覽的那個界面，那本博客就到此結束了，若是顯示沒法連接到服務器，那就接着如下的步驟繼續操做。

繼續部署github

• 執行如下目錄進行部署，中途須要輸入你的github註冊用戶名，回車以後再輸入密碼，輸入密碼時不會顯示任何字符串，不要像我同樣覺得本身鍵盤壞掉了。

  $ hexo deploy

• 若是執行上述命令報錯，請先執行如下命令。而後再執行以上命令

  $ npm install hexo-deployer-git --save

• 部署成功後，你在瀏覽器中輸入JavaEngineerLiu.github.io，就能看到和本地同樣的效果了。

後話

• 短短三個小時，包括昨晚在博客園上碼文的三個小時，只有六個小時的樣子，時間短暫，文章不免有不足之處，多多見諒，若是有童靴在搭載博客過程當中遇到問題，歡迎私聊博主或者在下方評論區留言，您的支持是我不斷前進的動力。