用Hexo + github搭建自己的博客 --- 再也不用羨慕別人了！

每次Google自己不會的問題時，總會發現有很多的人都有自己的博客，不由自主的羨慕起來，於是按捺不住自己的躁動的心，說幹就幹。

前言

每次寫博客之前都喜歡做一些科普啊巴拉巴拉的，寫之前還想分析一波Hexo和jekyll，掰扯掰扯github，漫談一下gitblog啥的。講道理，我這個人比較浮躁，寫那些亂七八糟的知識簡直就是折磨，所以這次—不寫了！！直接開搞。有啥問題別找我。

用Hexo在本地搭建一個博客

安裝Hexo

1. 安裝nodejs

   http://nodejs.cn/ 丟個鏈接自己裝，傻瓜式安裝

2. 安裝git

   https://git-scm.com/downloads 安裝毫無技術含量

3. 使用npm安裝Hexo

   npm install -g hexo-cli
  //一鍵搞定

快速開始

1 隨便找個文件夾下打開終端,輸入

    hexo i blog //init的縮寫 blog是項目名
    cd blog //切換到站點根目錄
    hexo g //generetor的縮寫
    hexo s //server的縮寫

2 打開瀏覽器輸入localhost:4000查看：

看到這個樣子就說明成功了，這個就是hexo默認的博客主題。現在你已經可以在這個主題下寫博客了。

當然，我是不喜歡這樣的，幸好，github上有大量的主題可供選擇，這裏我選擇使用nexT主題。

選擇主題–nexT

1 . 在站點根目錄輸入

git clone https://github.com/iissnan/hexo-theme-next themes/next

2 . 完成後，打開 站點配置文件， 找到 theme 字段，並將其值更改爲 next

配置文件就是根目錄下的_config.yml文件

把landscape改爲next

3 . 在終端輸入

hexo clean  //清除緩存
hexo g  //重新生成代碼
hexo s  //部署到本地

//然後打開瀏覽器訪問 localhost:4000 查看效果

nexT主題有三種選擇，這個只是最簡潔的一種，我們選擇最好看的那個。

• Muse - 默認 Scheme，這是 NexT 最初的版本，黑白主調，大量留白
• Mist - Muse 的緊湊版本，整潔有序的單欄外觀
• Pisces - 雙欄 Scheme，小家碧玉似的清新

4 . 配置nexT

在 站點根目錄/themes/next/_congig.yml 文件中修改

然後重新clean，generator，查看效果:

當然，你完全可以進行很多的自定義設置甚至修改源碼，定製自己的主題。更多的設置請移步官方文檔

http://theme-next.iissnan.com/getting-started.html

將本地博客上傳到github

話不多做，直接開始。

1 . 註冊github賬號

https://github.com/ 甩個鏈接自己看着辦

2 . 創建一個新項目

3 . 按格式輸入項目名稱

注意規範！！

4 . 點擊設置 創建一個page

---

---

5 . 選擇一個主題，沒什麼用，反正馬上就被覆蓋掉了。。

這個時候訪問一下你的鏈接，應該可以看到效果：

接下來將我們Hexo的代碼部署到github上。

6 . 修改hexo站點的配置文件

改成這樣就好了，記得保存。

注意！！！冒號的後面一定一定一定要有一個空格！！

7 . 部署一下就好了

npm install hexo-deployer-git --save
//先裝個插件壓壓驚
hexo d  //  部署的命令

//等一會就好了

當然，你可能會很奇怪，我沒輸密碼，沒輸用戶名，就這麼部署上去了，這不是很不安全？
事實上，一般來說是要輸入用戶名和密碼的（別人的教程都是這麼說的），如果不想每次都輸，就需要配置ssh啥的。不過我並不需要這一步，大概，是我下載了github客戶端吧。
所以，如果你不想每次都輸密碼，也懶得搞複雜的ssh，就在你的電腦下一個github客戶端吧，而且我覺得，這個東西是必備的。。。

再次訪問你的網站：

perfect！

發佈你的第一篇博客

根目錄下輸入 ：

hexo new "postName"
 //hexo n 也可以 
 //你自己的博客名稱，名爲postName.md的文件會建在目
 //錄/blog/source/_posts下。

文章編輯完成後，終端在根目錄文件夾下，執行如下命令來發布:

hexo g //生成靜態頁面
hexo d //發佈

現在查看一下：

已經發布上去咯。

後記

本次的教程就先到這裏，這只是最基礎的，對於主題，你還有更多的選擇更多的設置，甚至自己寫一個靜態博客界面。撤了Hexo，你還可以用其他的方式來搭建。如果你不喜歡github提供的域名，你可以自己買一個域名做綁定，不過我覺得沒啥必要，所以我就不寫了，畢竟很多大的組織也直接用github.io。生活嘛，就是用來折騰的。

https://hexo.io/themes/ 更多hexo主題

https://www.zhihu.com/question/24422335 知乎上的hexo主題

或者直接github搜hexo

https://github.com/CleverFan 我的github

https://cleverfan.github.io/ 我的博客主頁

http://blog.improvecfan.cn/ 這個是解析後的地址

域名綁定

萬萬沒想到，我還是寫了。。

首先你得有一個域名，我用的騰訊的域名，因爲我是學生，可以免費使用，不過需要實名認證和備案，挺麻煩的。

實名認證和備案都搞定以後。到域名解析頁面添加一條解析：

然後到你博客 根目錄/source 目錄下創建一個新文件CNAME
在裏面寫上你剛剛配置的路徑，比如我的是blog.improvecfan.cn，就直接在CNAME文件中寫上這個地址就好了。

然後執行以下hexo g,hexo d，讓後訪問你自己的地址就可以跳轉到博客了。