前言

最近兩個月應該是程序員們尋找新工作環(huán)境的高峰時期，在同等技術能力下如何使得HR對你高看一些呢？我是一個喜歡學習新知識，時刻關注行內新技術的持續(xù)學習者？嘴上說說可不行，你得有料呀。擁有一個好的個人博客也許不能證明你的技術有多niubility，但至少表明了你也是一個有自己想法，喜歡學習、寫作的人呀！
所以在此重要時期我也不耽誤大家的時間了，直接切入主題：
這是一篇教你快速搭建自己博客并進行上線部署的文章。
不管你是不是前端，不管你對Hexo了解多少，只要你按照下面的步驟一步一步來，我保證你能夠在個把小時里創(chuàng)建出你想要的個人博客。

看下效果？

我們在去做一件事之前肯定是抱有一定的目的性，在你被這個標題吸引進來之后我想我就知道你的目的了。所以先來看看接下來要搭建的博客的最終效果：
霖呆呆的個人博客: https://lindaidai.wang

30秒了解Hexo

Hexo 是一個快速、簡潔且高效的博客框架。
它使用 Markdown（或其他渲染引擎）解析文章，在幾秒內，即可利用靚麗的主題生成靜態(tài)網(wǎng)頁。
也就是能幫助我們快速的搭建自己的博客。
Hexo博客搭建的基礎大致為：

• 安裝node.js
• 安裝Git
• 安裝Hexo
• 創(chuàng)建Hexo項目并進行本地測試運行
• 注冊github并創(chuàng)建一個存放Hexo博客項目的倉庫
• 部署上你的博客項目
• 修改博客主題theme

前期準備

安裝node.js

如果你的電腦上已經(jīng)安裝了node.js的話則你可以跳過這一步驟。
Hexo是基于node.js的, 所以我們在安裝它之前需要用到npm安裝工具, 這個工具是 node.js 安裝包的工具, 所以, 我們先要安裝 node.js。
安裝node.js很簡單，直接去nodejs官網(wǎng)下載對應的版本就可以了。
下載安裝完畢之后可以進行檢測一下，看是否正常安裝。
打開你的cmd(終端)，輸入node -v回車，看是否顯示了版本號。
比如我這里顯示的是

v10.14.1

證明安裝完畢。
安裝完畢了nodejs之后，你的電腦就自帶了npm，你就可以使用npm的指令來下載其它東西了。
比如我們可以先裝一個cnpm。它其實就是一個淘寶npm鏡像，在國內來說會使下載速度快一些。

$ npm install cnpm -g
//或者
$ npm i cnpm -g

($符號不需要打出來，只是表示這個指令是在終端上運行的，-g表示的是全局安裝，這樣你就可以在你電腦的任意文件夾下使用)

安裝Git

如果你的電腦上已經(jīng)安裝了Git的話則你可以跳過這一步驟。
直接去官網(wǎng)上下載安裝：
Git下載地址
我們知道Git的主要作用是代碼托管，這里為什么也要用到Git呢。
是因為我們在創(chuàng)建完了博客項目之后需要將其部署到Git上，相當于上線這個博客，這樣其他人就能通過一個網(wǎng)址直接訪問你的博客了。
想了解Git的小伙可以看這里：Git基礎知識-霖呆呆

安裝Hexo

現(xiàn)在我們可以使用npm或者cnpm來安裝hexo了：

$ npm i hexo-cli -g

同樣的你在安裝完畢之后可以使用指令來查看是否安裝成功：

$ hexo -v

如下圖：

hexo1

創(chuàng)建博客

前期準備都完畢之后，讓我們來創(chuàng)建自己的第一個博客吧。

創(chuàng)建一個名為my-hexo-blog的網(wǎng)站

將終端上的路徑設置為你想要放博客項目的路徑。
比如我想把我的博客項目放到D盤的projects文件夾下，則在終端打開D://projects。
進入了文件夾下，在終端輸入指令：

$ hexo init my-hexo-blog

你不想用my-hexo-blog這個名字的話用其他的也可以。
(如果不寫my-hexo-blog, 就會在當前目錄進行初始化. 如果后面跟了名子就會創(chuàng)建目錄并在目錄進行初始化操作, 以這個名子為目錄名.)

本地運行博客

執(zhí)行完init指令之后，會看到你的目錄下多出了一個my-hexo-blog文件夾，這個就是你剛剛生成的博客項目。
你看到的應該是這樣的文件夾：

hexo2

此時我們在進入這個項目的目錄里。
使用指令：

$ cd my-hexo-blog

跳轉進項目目錄。

進入到項目目錄之后，在執(zhí)行指令：

$ npm install
//或者
$ npm i
//或者
$ cnpm i

用于安裝項目的依賴(你可以把它理解為java中的各種包)。

接下來我們就可以來啟動它了，使用指令：

$ hexo server
//或者
$ hexo s

此時，它會提示你

INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

也就證明你的博客項目已經(jīng)啟動了，你只需要打開瀏覽器并在網(wǎng)址中輸入localhost:4000即可訪問你的博客了。
可以看到，博客應該是長這樣的：

hexo3

部署博客項目

通過上面的步驟我們已經(jīng)使博客項目在本地正常的跑去來了，下面該如何部署上線呢？

創(chuàng)建github賬號并創(chuàng)建一個倉庫

創(chuàng)建倉庫

如果你有自己的github賬號的話登錄即可，沒有的話在github上先行創(chuàng)建。
登錄成功之后點擊右上角的New repositories創(chuàng)建一個新的倉庫，用于你的博客部署。

hexo4

查看SSH

SSH公鑰默認儲存在賬戶的主目錄下的 ~/.ssh 目錄。
在終端輸入：

$ cd ~/.ssh
$ ls

如果返回 something 和 something.pub，說明已經(jīng)有 SSH 公鑰。
如下圖：

hexo5

如是沒有SSH的話則需要手動生成。
還是在.ssh目錄下，執(zhí)行命令：

ssh-keygen -t rsa -C "你的郵箱地址"

按 3 個回車，密碼為空。

在 C:\Users\Administrator.ssh 下，得到兩個文件 id_rsa 和 id_rsa.pub。

GitHub 上添加 SSH 密鑰

打開 id_rsa.pub，復制全文到 https://github.com/settings/ssh ，Add SSH key，粘貼進去。

修改博客項目目錄下的_config.yml配置文件

打開我們博客項目目錄下的_config.yml文件(使用記事本或者Notepad++直接打開)
在該文件的最下面加上以下代碼：

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

將repository中的地址換成你剛剛新建的倉庫的地址即可。
Ctrl + s保存修改。
注意：在type前面需要增加兩個空格, 在type的冒號后面需要增加一個空格。 請保持代碼風格一致，否則會出現(xiàn)錯誤或是不正確的問題。

安裝部署使用到的git插件

在這里我們使用的是git源碼管理工具, 所以, 我們需要安裝git包來進行部署, 安裝這個插件才能使用git進行自動部署。
在博客項目目錄下執(zhí)行指令：

$ npm i hexo-deployer-git --save

自動生成網(wǎng)站并部署

當我們部署網(wǎng)站前, 需要先生成靜態(tài)網(wǎng)站。它會自動在目錄下創(chuàng)建public的目錄, 并將新生成的網(wǎng)頁存放在這個目錄里。
只需要在博客項目目錄下執(zhí)行指令：

$ hexo g

此時就會生成public目錄。

然后進行自動部署網(wǎng)站：

$ hexo d

上面的兩步你可以合成一步：

$ hexo g -d

部署成功后會提示：

[INFO] Deploy done: git

如果在部署時出現(xiàn)一下錯誤信息，請參考上面的步驟進行git插件的安裝

ERROR Deployer not found: git

上面的步驟全部完成之后，恭喜你，你已經(jīng)成功完成了個人博客的部署上線，此時打開你的瀏覽器并輸入https://userName.github.io看看吧。

當然成功部署上博客只是第一步，如何把自己的博客維護好才是以后一直要做的事，世上最難的事只怕就是堅持，加油...