本人作爲一個屌絲程序員，年少無爲，賣馬爲生，買不起服務器，買不起域名，但是又想擁有屬於自己的博客網站，那就只有通過技術來實現這一切了。先上成果：點擊，現在我把我自己搭建博客的過程共享出來，只要你按照步驟一步步走下去，一定會搭建成功，如果大家在搭建過程中遇到什麼問題，歡迎在我的博客評論區留言，也歡迎大神進來，教我做碼，帶我裝逼，帶我飛。博客地址，JUST DO IT(離開舒適區)。
使用工具介紹
-
碼雲 Pages：碼雲 Pages 是一個免費的靜態網頁託管服務，您可以使用碼雲 Pages 託管博客、項目官網等靜態網頁。這樣就不用購買服務器和域名了，如果您使用過Github Pages那麼您會很快上手使用碼雲的Pages服務。這裏使用碼雲上的Pages 而不是用Github Pages，主要原因就是在國內沒有VPN的話。。。你懂得！還有就是支持國產！鏈接：https://git.oschina.net/ -
Hexo：Hexo是一個快速、簡潔且高效的博客框架。Hexo使用Markdown（或其他渲染引擎）解析文章，在幾秒內，即可利用靚麗的主題生成靜態網頁。使用者只需要專注於寫博客而不需要關注網站是如何生成的。而且還有豐富的博客主題可以選擇！鏈接：https://hexo.io/zh-cn/（ps：這是國外網站，翻牆吧少年，需要自由門翻牆軟件可以在博客中聯繫我哦）
搭建環境
Node.js安裝。
參考：http://www.runoob.com/nodejs/nodejs-install-setup.html（ps：如果沒有VPN的用戶最好切換一下npm的源，不然後續的步驟可能會讓你想砸電腦，安裝完後，在命令窗口執行下面代碼）
npm config set registry http://registry.cnpmjs.org #切換npm爲淘寶鏡像
Git安裝。
Hexo安裝。（ ps：安裝完Node.js和Git之後不需要配置些什麼，只需要安裝成功就是了，如果想明白原理的話可以深入的學習。）
如果您的電腦中已經安裝上述必備程序，那麼恭喜您！接下來只需要使用 npm 即可完成 Hexo 的安裝。打開命令窗口輸入下面代碼：
npm install -g hexo-cli
安裝成功後輸入hexo 如果得到下面這個結果，恭喜你！安裝成功！
Hexo的常用命令說明：
本地運行Hexo
安裝 Hexo 完成後，請依次執行下列命令，Hexo 將會在指定文件夾中新建所需要的文件。將<folder> 替換成項目存放的文件夾目錄，
hexo init <folder>
cd <folder>
npm install
hexo generate
新建完成後，指定文件夾的目錄如下：
.
├── .deploy #需要部署的文件
├── node_modules #Hexo插件
├── public #生成的靜態網頁文件
├── scaffolds #模板
├── source #博客正文和其他源文件, 404 favicon CNAME 等都應該放在這裏
| ├── _drafts #草稿
| └── _posts #文章
├── themes #主題
├── _config.yml #全局配置文件
└── package.json
進行到這步後就可以先在本地運行下，看看效果了。執行下面命令：
cd <folder> #切換到項目目錄下
npm install #install before start blogging
hexo server #運行本地服務
瀏覽器輸入http://localhost:4000就可以看到效果。如下：
修改Hexo的主題
當然，上面運行的只是Hexo官方默認的主題配置效果，想要個性一點？，下面我們就將他改造成自己想要的個性主題。
Hexo的主題都是一些前端民間高手寫的模版，可以在官方收錄的主題中去挑選：https://hexo.io/themes/
看上一個主題後點擊下圖位置，進入下載主題文件。如下圖：
主題下載完成後，將主題文件解壓到Hexo項目的thems文件夾下面（ps:我這裏的項目目錄是在桌面的Hexo文件夾裏面。）
接下來就是修改Hexo的配置文件_config.yml，將裏面theme 對應的值改爲之前下載的主題的文件夾名字，本文裏面下載的主題文件夾名字爲hexo-theme-smackdown-master。
修改前
修改後
注意：這裏“：”後面必須要有一個空格，而且這個空格要在英文輸入法下，不然會報一些稀奇古怪的錯。
按照之前步驟本地重新運行後，如下圖：
關於Hexo中_config.yml 文件的其他配置，大家可以參考官方的文檔，這裏就不多贅述了：
下載的每個主題中，有一個配置文件，名字也叫_config.yml，這裏大家千萬不要和之前Hexo根目錄下的_config.yml搞混淆了，這裏面配置的主要是些與主題相關的東西，比如一些文章閱讀量，多說插件，cnzz站長工具等等的配置信息。一般裏面也都有註釋，這裏就不贅述了，不懂得可以在我的博客問我。
一些主題在GitHub上面也都有主題安裝的一些文檔，寫的都很詳細。推薦一個主題的文檔，結合官方的文檔看完之後，基本上也就明白了。
編寫博客文章
如果你使用過MarkDown 來寫博客文章的話，接下來就簡單多了，沒使用過也沒關係，推薦大家一個編輯工具馬克飛象 鏈接：https://maxiang.io/，在編輯器裏面寫好文章後，複製或另存爲.md文件, 與普通的.md文件不同 要在文件開頭添加下面代碼
title: #文章標題
date: #文章日期
tags: #文章標籤
categories: #文章分類
---
在.md文件的開頭添加上面代碼，是爲了讓Hexo框架在生成網頁的時候，設置相應的參數。例如下圖所示：
將寫好的.md文件放入Hexo項目的source 目錄下的_posts 文件夾中，可以看到裏面有個hello-world.md 文件，這就是默認的文章。
重新在本地啓動項目，訪問就可以看到之前添加的文章。
生成靜態Html文件
現在只能在本地啓動項目然後通過本地地址訪問博客網站，下面我們就可以利用Hexo生成靜態Html，很簡單，只需要在命令窗口執行下面代碼：
cd <folder> #切換到項目目錄下
hexo generate #生成靜態文件到項目根目錄的public文件夾中
發佈靜態Html文件到碼雲 Pages上
註冊一個碼雲帳號，並創建一個項目。如下圖：
創建完項目後得到項目的Https的地址後面要用。地址獲取如下圖
這裏借用一個插件來幫助我們完成代碼上傳的工作，安裝 hexo-deployer-git。安裝代碼如下：
npm install hexo-deployer-git --save #把public裏面生成的文件推上到碼雲上。
配置項目根目錄_config.yml 文件，修改deploy 的值，如下圖：
修改前
修改後，注意repo 的地址是之前在碼雲上面創建醒目後獲取的地址。
修改完後在命令窗口執行下面命令：
cd <folder> #切換到項目目錄下
hexo deploy #一鍵部署功能
之後會彈出一個對話框，輸入碼雲的帳號密碼。
部署成功之後，登錄碼雲，查看之前創建的項目中出現了本地項目中public 文件夾中的文件，這時候代表之前的部署是成功的。
然後如下圖，啓動碼雲的pages功能：
訪問鏈接：
這時候就看到之前和本地啓動一樣的效果了。博客部署完成，在這之後，只需要每次用馬克飛象寫好文章後，放入Hexo項目的source 目錄下的_posts 文件夾中，在按照之前步驟更新博客就OK了。還可以隨時切換博客的主題哦！