作為一名搬磚工囱稽，怎么可能沒有一個自己的博客郊尝，在網(wǎng)上看見別個的blog多么的酷炫。心想自己也搞一個吧战惊，一來可以將平時積累的經(jīng)驗記錄成文檔流昏，二來萬一以后跳槽也是一個加分項。于是乎在網(wǎng)上搜索了一大圈吞获，五花八門的况凉，有用自己服務器搭建，一聽好麻煩各拷，還有購買服務器刁绒，再看看自己的荷包（????♀?），想想還是先找個免費的吧烤黍。這不 Hexo 多合適啊知市，于是擼起袖子就是干。一路下來發(fā)現(xiàn)搭建也是很簡單的速蕊，現(xiàn)在我就將我搭建的過程記錄下來嫂丙。Hexo 是一個快速、簡潔且高效的博客框架互例，同時也支持 Markdown奢入，簡直不能太完美
安裝
安裝官網(wǎng)腳手架
npm install hexo-cli -g
初始化
使用命令初始化一個基礎項目
hexo init blog-demo
用編輯器打開 blog-demo，我們可以看到里面目錄結構
其中：
source 文件夾主要放我們 Markdown 文檔媳叨，themes 文件夾主要是網(wǎng)站主題相關的腥光，_config.yml 主要是一些配置項
然后我們使用 hexo s（hexo server 的簡寫，官網(wǎng)有許多命令） 啟動項目糊秆，打開 http://localhost:4000/ 就能看見網(wǎng)站運行起來了
主題修改
最簡單的blog就已經(jīng)好了武福，但是發(fā)現(xiàn)好像風格給自己想象的不一樣，不過沒有關系痘番，hexo 支持修改主題捉片，官網(wǎng)也有具體說明，當然網(wǎng)上也有很多成熟的主題插件了汞舱，你可以下載下來直接使用伍纫，比如知乎上就列舉了很多，下面我們就使用 next 的主題
安裝主題插件
首先我們需要修改根目錄下的 _config.yml 文件中的 theme 字段
theme: next
接著我們需要clone一份 next 主題到 theme 文件夾下
git clone https://github.com/next-theme/hexo-theme-next themes/next
這個時候我們再重啟一下服務昂芜，就會發(fā)現(xiàn)界面已經(jīng)修改了
修改主題配置
盡管主題修改了莹规，但是還是不是很符合自己的預期。別急泌神，next 也支持修改配置良漱，其主要就是修改 next 文件夾下的 _config.yml 文件
- 修改布局
將上下改成左右
將菜單欄放在右邊
我們在修改的過程中，可以使用 hexo s --debug 來支持熱更新欢际，避免每次修改都重啟服務器
- 修改語言
我們將語言切換成中文母市，如果配置文件中沒有 language 可自行加上
但是光修改 next 里面的配置是不行的，還需要修改根目錄下 hexo 的配置损趋，同樣將語言修改成 language: zh-CN
- 添加友情鏈接
- 添加頭像
- 支持打賞
將你的微信支付寶收款二維碼圖片放在 source 文件夾下的 images 文件夾下患久，當然你也可以另起目錄，但要主要引用時的路徑
注意：如果你的next版本不是最新浑槽，可能會當鼠標放上去后墙杯，下面的文字在轉圈，感覺好晃??括荡，可以修改一下它的樣式高镐。在 source -> css -> _common -> components -> post -> post-reward.styl，修改它的樣式就可以了畸冲，刪除或者注釋都可以
- 添加菜單
我們可以新增一些菜單嫉髓，需要在根目錄下的 source 文件夾下新建對應的文件。比如新增一個“關于我”的菜單邑闲，那么我們就需要在 source 文件夾新建一個 about 的文件夾算行，里面再新建一個 index.md 文件就可以介紹自己了（也可以使用 hexo 命令生成新的頁面，eg hexo new page "archives"）苫耸；然后再修改菜單配置
- 首頁文章篇幅限制
這要看你的 next 版本是多少州邢，在版本 v7.6.0 以前有個字段 auto_excerpt 可以自動截斷文章內容作為摘要，但在后面的版本褪子，官方不支持量淌，建議設置 excerpt_description
一種方式骗村，你可以在你的文章要截斷的地方加上 ``
另外一種方式給每篇文章寫 description，這種方式在詳情頁面呀枢，摘要顯示的字體會很小
當然還有很多其他的配置胚股，你也可以根據(jù)自己的需要去修改，這里就不在一一舉例了
修改首頁配置
我們還可以在首頁加上一些簡介裙秋，修改語言等琅拌；這個是修改根目錄下的 _config.yml 文件
部署
新建倉庫
現(xiàn)在博客已經(jīng)孵化出來了嘗鮮版，是時候部署上去體驗了摘刑；一聽部署进宝，是不是就需要服務器與域名啊，完了我啥也沒有枷恕；沒關系党晋，全球最大的同性交友網(wǎng)站 github 就是你最好的選擇。首先活尊，你需要有個一個 github 賬號（如果沒有就申請一個）隶校，然后新建一個倉庫，這個倉庫的名字一定要和你 github 賬號相同蛹锰。比如我的 github 叫 cc616（不是昵稱）深胳，那么就需要建一個倉庫名為 cc616.github.io，這樣倉庫就建好了铜犬。接著你需要修改該倉庫的設置
這樣你就可以通過 https://cc616.github.io/訪問你的網(wǎng)站了
修改配置
倉庫建好了舞终，我們需要新加一個包
npm install hexo-deployer-git --save
修改 _config.yml 里面的部署配置
這樣我們每次新增了文章后，就可以使用命令 hexo d 一鍵部署到GitHub Pages 上了
遇到的坑
圖片顯示不出來
你的圖片在其他網(wǎng)站都能顯示癣猾，但是你放在這里就顯示失敗敛劝，可能就需要在文章開頭加上
<meta name="referrer" content="no-referrer" />
總結
hexo 搭建博客真的是簡單方便，一路下來我也就花了一天不到的時間纷宇，接下來就是往里面填充自己累積起來的知識了夸盟。其實這篇文章早在兩年前就該寫了琢岩，但是自己覺得這么簡單地粪，沒有什么好記錄囚灼。最近重新?lián)炱饘懖┛土质虐l(fā)現(xiàn)自己的搭的blog早已不知道在哪里了，網(wǎng)站上也只有那么兩篇文章纹磺，說來也慚愧蕉斜。正好自己重新搭建了洒试，所以就把記錄下來了硼莽，希望對你有用庶溶。不過這個有個缺點就是你需要自己的圖床，用七牛云搭建一個也很簡單，我曾經(jīng)也搭建過偏螺，改天再寫出來吧行疏。如果你嫌麻煩，可以使用網(wǎng)上一些現(xiàn)成的砖茸，也可以像我一般把文章寫在簡書上隘擎，既可以提高文章宣傳渠道殴穴，也可以有圖床啦???♀?
