利用hexo搭建一個只屬於你本身的博客

叨的叨叨以叨叨，那是什麼叨

該說啥呢。。。博客不是第一次寫，但在本身搭建的博客上寫文章的確是第一次。十分興奮。看着本身辛苦搭建出來的博客，一點一點達到本身心目中的樣子，這種感受只有作過的人才能夠體會到。若是你還在猶豫，那就別墨跡了。廢話很少說。
搭建本身的博客，當時我查的時候好多人推薦用Wordpress，既然這麼多人推薦，那我就不用，怎麼滴。好吧被看穿了，實際上是我太窮了，沒錢租服務器。雖然好像也能夠免費作出來，這個不太清楚，由於沒太瞭解。就在我茶不思飯不想的時候，我發現了Hexo，這個真是太符合我了。利用github來部署靜態博客，誰叫我們就是幹前端的呢。啥也不說了，立馬開幹。

適合人羣

哈哈你來看這篇文章說明你就適合
使用windows的大家（其餘系統差很少）

安裝必要程序

安裝GIT

到 msysgit下載好後， 下一步下一步執行安裝便可。
什麼，下載太慢了，我含淚告訴你人這一輩子不翻幾回牆是幹不了大事的。

安裝Node.js

到Node.js下載，左邊穩定版，右邊最新版，根據須要下載。推薦穩定版。安裝的話，下一步還得下一步 很是簡單。

安裝Hexo（我纔是主人翁）

終於到我隆重出場了，鼠標右鍵任意位置，選擇Git bash Here，輸入npm 命令便可安裝。

$ npm install hexo -g

好吧，我叫特簡單。文件通常會安裝到C:UsersAdministratorAppDataRoamingnpmnode_modules下可經過下邊npm命令具體查看：

$ npm root -g

安裝好了就能夠隨便找個你喜歡的位置建個名叫hexo的文件夾，在這個文件夾裏右鍵選擇Git bash Here，分別輸入hexo init和npm install（初始化文件和安裝依賴包）：

$ hexo init

$ npm install

好了你應該已經看見效果了。接下來咱們就要在網頁中查看了，本地預覽。分別輸入g和s（生成靜態網頁和本地預覽）：

$ hexo g

$ hexo s

上面的g和s其實generate和server的縮寫，可是寫縮寫就夠了，效果同樣。若是出現

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

哈哈你成功了，下一步在網頁中打開localhost:4000就能夠看到網頁了，興奮興奮呀。如今本地已經OK了。下來咱們要把它發佈到網上讓世界人民來觀摩。

註冊github來部署博客

註冊github

github應該不少人已經註冊或正在註冊的路上。我就很少說啥了。

建立頁面倉庫

選擇New repository

Repositoryname輸入：你的帳號名字.github.io，如（cspp01.github.io）。Description輸入描述，最下面的選框Initialize this repository with a README可選可不選，建議選上。點擊Create。好了，你在網上存放博客的地方也見好了。

SSH密鑰

生成SSH密鑰

仍是右鍵點擊Git base Here輸入

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

按回車，按回車，按回車，你得按3邊，成功，到C:UsersAdministrator.ssh下，能夠看到兩個文件，id_rsa是密鑰 ，id_rsa.pub是公鑰。

創建鏈接

回到github選擇setting->SSH and GPG keys->右上角New SSH key



title隨便了，最好有意義點。打開剛纔的id_rsa.pub，Ctrl+a->Ctrl+c，粘貼到key，Add SSH key，OK。

全局配置

git config --global user.name "你的github用戶名"
git config --global user.email  "你的郵箱"

hexo

_config.yml配置文件

這個文件在hexo根目錄下，打開_config.yml配置文件，找到下面（在最下面）修改成：

deploy:
  type: git
  repo: 倉庫地址
  branch: master

注意repo是你剛纔新建的倉庫的地址,複製粘貼上去就好OK了。還有注意冒號後面的空格必須。

hexo部署

$ hexo g

$ hexo d

最後出現

INFO  Deploy done: git

說明成功
若是在執行 hexo d 後,出現的錯誤

error deployer not found:git

請再次輸入

npm install hexo-deployer-git --save

而後再次執行

$ hexo g
$ hexo d

應該就能夠了，若是還失敗。請從新安裝hexo從新部署。我第一次就是無論怎麼樣操做都部署失敗，後來從新安裝了一下就行了。就是這麼神奇。
最後在瀏覽器輸入你剛纔新建倉庫的名字：你的用戶名.github.io（如cspp01.github.io）就能夠訪問了。
是否是很酷。

寫博客

你的博客文章都放在 source _posts 下，你若是要寫新博客文章的話，能夠手動在這個文件夾下建立.md文件。也能夠經過命令建立：

$ hexo new "你的文章名字"

而後再在你建好的.md文件裏編輯文章。文章運用的是Markdowm（Markdown 是一種用來寫做的輕量級「標記語言」）,仍是很簡單很好用的，其實你仿照hello world的那篇文章來寫就能夠。

文章中加圖片

加圖片能夠先把圖片上傳到雲端，推薦七牛，而後在文章中加入了。
建好，編輯完，先在本地調試預覽，在經過命令上傳：

$ hexo clean
$ hexo g
$ hexo s --debug
$ hexo d

好了，如今你新寫的文章也上傳上去了。上傳上去立馬刷新可能還不會做用到是由於會有一絲絲延遲，再刷新下就會好了。本地調試好後要上傳記得每次都（每次上傳最好先claer）：

$ hexo clean
$ hexo g
$ hexo d

hexo經常使用命令

hexo 安裝
$ hexo install hexo -g(安裝hexo)
$ hexo init(初始化)
$ npm install(安裝依賴包)

服務器
$ hexo s(開啓本地服務，本地預覽)
$ hexo s --debug(以調試模式啓動，對文件的更改無需中止網站只需刷新便可看到效果)
$ hexo s -p 5000(更改端口)

$ hexo clean(清除緩存)
$ hexo d(上傳部署)

本地文件
$ hexo g(從新生成本地文件)

編輯文章
$ hexo new "page" (新建文章)

這篇就到這裏，下篇咱們介紹怎麼設置主題，和一些樣式的修改自定義。

本篇博客首發於本人博客,歡迎點擊查看hexo我的博客搭建