【金三銀四加分項】也許你也應該有一個本身的博客了

前言

最近兩個月應該是程序員們尋找新工做環境的高峯時期，在同等技術能力下如何使得HR對你高看一些呢？我是一個喜歡學習新知識，時刻關注行內新技術的持續學習者？嘴上說說可不行，你得有料呀。擁有一個好的我的博客也許不能證實你的技術有多niubility，但至少代表了你也是一個有本身想法，喜歡學習、寫文章的人呀！ 因此在此重要時期我也不耽誤你們的時間了，直接切入主題： 這是一篇教你快速搭建本身博客並進行上線部署的文章。 無論你是否是前端，無論你對Hexo瞭解多少，只要你按照下面的步驟一步一步來，我保證你可以在個把小時裏建立出你想要的我的博客。

---

看下效果？

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

30秒瞭解Hexo

Hexo 是一個快速、簡潔且高效的博客框架。 它使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。 也就是能幫助咱們快速的搭建本身的博客。 Hexo博客搭建的基礎大體爲：

• 安裝node.js
• 安裝Git
• 安裝Hexo
• 建立Hexo項目並進行本地測試運行
• 註冊github並建立一個存放Hexo博客項目的倉庫
• 部署上你的博客項目
• 修改博客主題theme

前期準備

安裝node.js

若是你的電腦上已經安裝了node.js的話則你能夠跳過這一步驟。 Hexo是基於node.js的, 因此咱們在安裝它以前須要用到npm安裝工具, 這個工具是 node.js 安裝包的工具, 因此, 咱們先要安裝 node.js。 安裝node.js很簡單，直接去nodejs官網下載對應的版本就能夠了。 下載安裝完畢以後能夠進行檢測一下，看是否正常安裝。 打開你的cmd(終端)，輸入node -v回車，看是否顯示了版本號。 好比我這裏顯示的是

v10.14.1
複製代碼

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

$ npm install cnpm -g
//或者
$ npm i cnpm -g
複製代碼

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

安裝Git

若是你的電腦上已經安裝了Git的話則你能夠跳過這一步驟。 直接去官網上下載安裝： Git下載地址 咱們知道Git的主要做用是代碼託管，這裏爲何也要用到Git呢。 是由於咱們在建立完了博客項目以後須要將其部署到Git上，至關於上線這個博客，這樣其餘人就能經過一個網址直接訪問你的博客了。 想了解Git的小夥能夠看這裏：Git基礎知識-霖呆呆

安裝Hexo

如今咱們可使用npm或者cnpm來安裝hexo了：

$ npm i hexo-cli -g
複製代碼

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

$ hexo -v
複製代碼

以下圖：

建立博客

前期準備都完畢以後，讓咱們來建立本身的第一個博客吧。

建立一個名爲my-hexo-blog的網站

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

$ hexo init my-hexo-blog
複製代碼

你不想用my-hexo-blog這個名字的話用其餘的也能夠。 (若是不寫my-hexo-blog, 就會在當前目錄進行初始化. 若是後面跟了名子就會建立目錄並在目錄進行初始化操做, 以這個名子爲目錄名.)

本地運行博客

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

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

$ cd my-hexo-blog
複製代碼

跳轉進項目目錄。

進入到項目目錄以後，在執行指令：

$ 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.
複製代碼

也就證實你的博客項目已經啓動了，你只須要打開瀏覽器並在網址中輸入localhost:4000便可訪問你的博客了。 能夠看到，博客應該是長這樣的：

部署博客項目

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

建立github帳號並建立一個倉庫

建立倉庫

若是你有本身的github帳號的話登陸便可，沒有的話在github上先行建立。 登陸成功以後點擊右上角的New repositories建立一個新的倉庫，用於你的博客部署。

這個倉庫的名字須要和你的github名對應，格式: yourname.github.io 因爲個人github名爲 LinDaiDai，因此我建立的項目名爲 LinDaiDai.github.io。

查看SSH

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

$ cd ~/.ssh
$ ls
複製代碼

若是返回 something 和 something.pub，說明已經有 SSH 公鑰。 以下圖：

如是沒有SSH的話則須要手動生成。 仍是在.ssh目錄下，執行命令：

ssh-keygen -t rsa -C "你的郵箱地址"
複製代碼

按 3 個回車，密碼爲空。

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

GitHub 上添加 SSH 密鑰

打開 id_rsa.pub，複製全文到 github.com/settings/ss… ，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的冒號後面須要增長一個空格。 請保持代碼風格一致，不然會出現錯誤或是不正確的問題。

安裝部署使用到的git插件

在這裏咱們使用的是git源碼管理工具, 因此, 咱們須要安裝git包來進行部署, 安裝這個插件才能使用git進行自動部署。 在博客項目目錄下執行指令：

$ npm i hexo-deployer-git --save
複製代碼

自動生成網站並部署

當咱們部署網站前, 須要先生成靜態網站。它會自動在目錄下建立public的目錄, 並將新生成的網頁存放在這個目錄裏。 只須要在博客項目目錄下執行指令：

$ hexo g
複製代碼

此時就會生成public目錄。

而後進行自動部署網站：

$ hexo d
複製代碼

上面的兩步你能夠合成一步：

$ hexo g -d
複製代碼

部署成功後會提示：

[INFO] Deploy done: git
複製代碼

若是在部署時出現一下錯誤信息，請參考上面的步驟進行git插件的安裝

ERROR Deployer not found: git
複製代碼

上面的步驟所有完成以後，恭喜你，你已經成功完成了我的博客的部署上線，此時打開你的瀏覽器並輸入https://userName.github.io看看吧。

固然成功部署上博客只是第一步，如何把本身的博客維護好纔是之後一直要作的事，世上最難的事只怕就是堅持，加油...