前言
使用軟件：git bash铅协，Atom編輯器
最近想寫一些博客篷角，就想自己也代建一個個人的站點锹引，經(jīng)過朋友介紹知道了hexo這么個好東西盛卡，今天我就給大家分享一下我個人的搭建經(jīng)驗助隧。
這篇博客雖然寫的是碼云，但是里邊的東西依然適用于github和coding等代碼托管網(wǎng)站。
Hexo什么鬼并村？
https://hexo.io/
A fast, simple & powerful blog framework
一個快捷巍实、簡單并且強大的博客框架。
他是基于Node.js的一個靜態(tài)博客框架哩牍。支持Markdown解析文章棚潦，能夠很快的生成特定主題的靜態(tài)網(wǎng)頁。
https://hexo.io/themes/
廢話不多說膝昆，開整丸边。
前序工作
- 安裝完Node.js https://nodejs.org/en/
- 安裝git bash工具 https://gitforwindows.org/
（ps：安裝完Node.js 和Gitbash不需要任何多余的配置，一路next就好） - 安裝hexo
先新建一個存放blog所有東西的文件夾
-
在文件夾內(nèi)右鍵 是不是看到git bash here荚孵，點他
git bash here 直接輸入安裝hexo的命令：
npm install -g hexo-cli-
安裝完成后妹窖，查看版本，輸入命令：
hexo -v
恭喜你安裝完成
查看版本
開始搭建
可以參考官方文檔 https://hexo.io/zh-cn/docs/
-
初始化hexo收叶，在剛才的文件夾中打開git bash輸入命令（git bash打開后
因為一直要用骄呼，所以不要動不動就關閉掉）：
hexo init
初始化可能比較慢，稍安勿躁（要下載hexo框架的很多資源判没，還有默認主題）蜓萄，完成之后
start blog with hexo
你會看到以下文件
根目錄下的文件結構- 解釋一下（目前不需要管他們）
- node_modules：為hexo的插件目錄，作用是利用此目錄的插件生成
對應功能的靜態(tài)HTML等腳本代碼澄峰。 - scaffolds：模版文件嫉沽。每次新建文章時，Hexo 會嘗試在 scaffolds 文件夾中尋找同名文件摊阀，并根據(jù)其內(nèi)容建立文章耻蛇。所以可以在這里添加自己的 layout，作為常用的新建模板使用胞此。
- source：這個文件夾是放文章和圖片等資源文件的。
- themes：存放主題的文件夾
- _config.yml：站點配置文件跃捣，很多全局配置都在這個文件中漱牵。
- node_modules：為hexo的插件目錄，作用是利用此目錄的插件生成
- 解釋一下（目前不需要管他們）
-
做完第一步，來先看看效果疚漆，
git bash中輸入命令：
hexo server
（或者懶人模式酣胀，直接輸入hexo s）-
在瀏覽器中輸入http://localhost:4000
就可以看到效果。如下圖
初始化之后的效果圖 在git bash窗口中按 ctrl + c 退出本地服務
-
-
生成靜態(tài)文件
此步是為了上傳到碼云做的娶聘。因為目前只能自己在本地訪問博客闻镶，但是想讓其他人看到就要結合碼云（github或者coding）來做了。
還是在咱們blog的文件夾中打開git bash輸入命令：
hexo generate（或懶人模式直接輸入hexo g）
目錄中就會多出一個public文件夾
public file
這個文件夾就是我們托管到碼云上用的文件夾丸升。 -
部署靜態(tài)Html文件到碼云
首先我們要有一個碼云賬號（小伙伴們用自己的郵箱手機等注冊一個）
https://gitee.com/創(chuàng)建一個項目
-
創(chuàng)建完項目后得到項目的Https的地址后面要用铆农。地址獲取如下圖
項目倉庫的位置 -
Hexo 提供了快速方便的一鍵部署功能，讓您只需一條命令就能將網(wǎng)站部署到服務器上狡耻。但是我們要先安裝一個插件墩剖。
在git bash輸入命令：
npm install hexo-deployer-git --save
接下來是配置根目錄_config.jml文件（用記事本或者各種編輯器打開）猴凹，
修改deploy的值，修改前如下圖：
deploy
修改后如下圖
修改deploy- 其中repo: 跟的地址就是剛才碼云倉庫的地址
倉庫地址
(以防有些小伙伴找不到岭皂，贅余一下)(最后修改完千萬別忘了保存一下)
還有 branch和message這兩個寫不寫都可以郊霎，默認也會幫你補上，知道git命令的小伙伴都會知道這兩個字段是干嘛的爷绘，不知道的忽略就好书劝，不影響使用，有強迫癥的學霸可以自行百度 :)
- 其中repo: 跟的地址就是剛才碼云倉庫的地址
-
開始部署 在blog文件夾中打開git bash輸入命令：
hexo deploy
之后會彈出輸入碼云賬號密碼的對話框土至。
部署成功之后進入自己的碼云賬號庄撮，查看之前創(chuàng)建的項目中出現(xiàn)了本地項目中public文件夾中的文件
部署后
這時候就代表部署成功了。 -
然后開啟碼云的Pages功能：
pages的位置 -
啟動服務
啟動服務 -
訪問連接
訪問連接 -
擦毙籽，什么鬼洞斯，怎么和本地服務器看到的不一樣，樣式全無
沒有樣式 不要慌坑赡，我也在這里郁悶了好久烙如，所以寫出來分享給大家
原因：
網(wǎng)上各種說法都有，有綁定自己域名的毅否，有什么什么的亚铁，我覺得都沒有抓住本質(zhì)，其實就是需要修改一下_config.yml配置文件螟加，之前在本地跑服務器有樣式徘溢，是因為所有的資源都在本地，都能找到捆探，現(xiàn)在資源都上傳到云端了然爆，資源的對應關系肯定有所改變，因為找不到對應的資源了所以沒有樣式了黍图。-
解決辦法：修改_config.yml
還是用記事本或者各種編輯器打開_config.yml找到
url
注釋寫的也很清楚曾雕，需要修改url和root，根據(jù)剛才Page服務中看到的網(wǎng)址
網(wǎng)址
修改成
修改url -
然后再進入blog的文件夾執(zhí)行命令：
hexo cleanhexo generate-
hexo deploy
建議助被，以后每次進行修改然后重新部署到碼云時剖张，都執(zhí)行這三句命令 或者偷懶直接輸入hexo generate --deploy
-
然后咱們再回到碼云的Pages頁面升略，點開鏈接豺裆，如果看到
網(wǎng)頁
大吉大利谐算，今晚吃雞憋飞，
但是如果看到的還是
沒有樣式
擦涨醋，還是老樣子肾胯，有沒有搞錯惕它，驚不驚喜彩届，意不意外，大家不要慌蹦渣，該做的咱們都已經(jīng)做完了哄芜。
出現(xiàn)這種情況，- 1.碼云部署沒有反應過來
- 2.就是瀏覽器保留了之前的緩存柬唯，清除一下緩存认臊，或者直接換一個瀏覽器再打開我們的網(wǎng)址
-
當你看到
網(wǎng)頁
一片極樂凈土，恭喜你锄奢，終于費了九牛二虎之力完成了部署失晴，自此我們擁有了一個自己的小天地
頁面的默認樣式不好看，想換樣式拘央，我下一篇http://www.reibang.com/p/4f8898fdcb86
再來給大家說一下怎么修改樣式
結束語：
如果博客中寫的那里有不對的涂屁，或者有什么疑惑都可以留言或者發(fā)郵件等方式聯(lián)系我。
郵箱：gdz_eg@163.com
QQ ：576275472
微信號：YuXuanEdward
