1. 前言
不久前買了17款的MacBook Pro，全新的電腦，我想在這個上面管理我的個人博客，所以我要繼續(xù)搭建這樣一個環(huán)境，說起來我也應(yīng)該是老手了，我在2月份的時候已經(jīng)在我的Linux上面搭建了環(huán)境，可以的是，我的Linux被我系統(tǒng)重裝了，磁盤全部清空，我沒有辦法繼續(xù)來更新我的博客。這件事我已經(jīng)想了好久，因?yàn)榈谝淮蔚拇罱?，讓我有些陰影，花了我好多的時間，太可怕。這次回家，我打算攻克這個問題，并且記錄下來，所以有了這篇筆記。首先，需要的是把環(huán)境搭建好，這個是比較簡單的，關(guān)鍵的是后期的博客修飾，要將其看起來很舒服，美觀大氣，簡潔明了。那么開始吧......
2. hexo博客系統(tǒng)搭建
如果不知道hexo是個什么東西，那就去百度一下吧，我也沒法說清楚，我們可以使用它就可以了?？梢匀タ垂俜降?a target="_blank" rel="nofollow">文檔，說得很詳細(xì)，簡單的說就是一個博客框架。
2.1 Github賬號注冊及倉庫創(chuàng)建
太多概念需要普及一下，如果是完全零基礎(chǔ)的小伙伴，我這里也沒辦法，我也講不了多少，我這里就只講實(shí)戰(zhàn)了，而不普及理論知識了，用到的時候去Google一下吧，基本沒有什么問題。
- 進(jìn)入Github官網(wǎng)，注冊賬號
賬號注冊頁面，都是一般的流程，看著填寫就可以
- 創(chuàng)建倉庫的名字必須為username.github.io，我的用戶名為Lxmic，因此我創(chuàng)建的倉庫就是Lxmic.github.io，這是很關(guān)鍵的一點(diǎn)，很重要。輸入名字后，直接點(diǎn)最下面綠色的按鈕，創(chuàng)建新倉庫。這一部分基本完成了，接下去需要在終端操作。
輸入倉庫的名字
2.2 環(huán)境配置
參考官網(wǎng)文檔：
- 安裝Git、Node.js和hexo
# 首先檢查時候安裝了git和node.js，終端輸入一下命令，
node -v #是否出現(xiàn)安裝版本信息，出現(xiàn)說明已經(jīng)安裝了
git --version #同上述情況
# 如果沒有安裝，則進(jìn)行安裝,都可以通過直接下載安裝測序進(jìn)行安裝，這里不演示，提供下載網(wǎng)址：
[git]: https://sourceforge.net/projects/git-osx-installer/
[node.js]: https://nodejs.org/en/
- 如果已經(jīng)安裝好了上述的軟件，那么可以安裝hexo，然后等待安裝成功即可。
npm install -g hexo-cli
- 創(chuàng)建blog文件夾，并初始化建立博客框架
# 在你的家目錄下創(chuàng)建一個blog文件夾
mkdir blog
# 進(jìn)入目錄
cd blog
# 初始化目錄
hexo init
開啟本地服務(wù)
# hexo s
出現(xiàn)以下信息，說明你可以本地訪問博客系統(tǒng)，在瀏覽器輸入4000這個網(wǎng)址，就可以看到博客首頁。
2.3 博客關(guān)聯(lián)到Github倉庫
在第一步的時候，我們已經(jīng)將倉庫創(chuàng)建好了，這里就需要用到了。
- 首先我們要編輯圖中_config.yml文件，這是博客的主要配置文件，在下面一部分，我們要頻繁使用這個配置文件，這里先編輯一步，為了管理GitHub賬號。
-
打開文件之后，在文檔最后，輸入紅色大框中的內(nèi)容，只需要將你的username替換就可以了，其他無需更改。
image.png 然后在目錄中執(zhí)行
# 產(chǎn)生靜態(tài)網(wǎng)頁
hexo g
# 部署到GitHub page上
hexo d
然后你需要輸入你GitHub的用戶名和密碼，這樣你就就可以使用你的倉庫名去訪問你的博客主頁了。為了每一次部署不必一種輸入密碼，我們可以生成秘鑰，然后提交到GitHub，進(jìn)行關(guān)聯(lián)，那么你下次就不需要再輸入密碼了。
- 關(guān)聯(lián)GitHub賬號，免密提交
# 用你注冊GitHub時的郵箱號，進(jìn)行秘鑰生成
cd ~
ssh-keygen -t rsa -C "xxxxxxx@qq.com"
# 系統(tǒng)就會生成一個隱藏文件夾.ssh
cd .ssh
ls
# 復(fù)制公鑰
vim id_rsa.pub
點(diǎn)擊箭頭的按鈕，進(jìn)入設(shè)置，然后點(diǎn)擊SSH and GPG keys，創(chuàng)建新的SSH，將之前復(fù)制的公鑰黏貼，提交，OK。
2.4 博客基本使用
- 創(chuàng)建新的文章
hexo new "djy"
- 編輯markdown文件，可以使用markdown神器typora?？梢钥吹絤arkdown文件，里面自動生成了題目和時間，還可以寫標(biāo)簽，這些我們先不去修改，這些是yaml內(nèi)容，一般不去修改，修改不好會報(bào)錯。我們直接在下面編輯一些內(nèi)容。
- 發(fā)布文章至博客
hexo g
hexo d
如果運(yùn)行加過是這樣的結(jié)果，那么你的博客發(fā)布成功了，以后每次只要這么進(jìn)行就可以更新你的博客了。
3. Hexo博客美化及功能增添
3.1 選主題
- Hexo官網(wǎng)：https://hexo.io/themes/，里面有特別多的主題可以選擇，我在這里選的是next這個主題。下載主題：
cd ~/blog
git clone https://github.com/iissnan/hexo-theme-next themes/next
- 修改站點(diǎn)配置文件：
_config.yml，將里面76行的theme由landscape修改為next
image.png -
更換新的主題，可能會有一些延遲
image.png
3.2 通過站點(diǎn)配置文件修改網(wǎng)站細(xì)節(jié)
需要修改的內(nèi)容可以參考網(wǎng)站：https://hexo.io/zh-cn/docs/configuration，里面對各個參數(shù)有一些詳細(xì)的解釋，我這里修改一些博客的標(biāo)題，副標(biāo)題，描述，語言等。
這里我想說的是，一般你修改一項(xiàng)，重新部署網(wǎng)站一下，因?yàn)橐坏┏鲥e，就比較容易找到原因。
3.3 主題文件修改博客內(nèi)容
- 關(guān)鍵也是同樣名字的配置文件：
_config.yml，看一下里面的內(nèi)容。
image.png
-
修改整個主題，不需要的用#注釋掉，這里我已經(jīng)將默認(rèn)的Muse注釋掉，改為mist
image.png -
將menu也修改，沒來只有首頁和歸檔，限制添加標(biāo)簽和分類，只需要去掉前面的#，現(xiàn)在來看一下效果。
image.png
-
需要新建一個分類和標(biāo)簽頁面
找不到頁面
cd ~/blog
hexo new page categories
hexo new page tags
效果如下：
-
設(shè)置頭像
頭像設(shè)置，參考next官網(wǎng)
- 設(shè)置側(cè)邊欄的社交連接
- 設(shè)置disqus評論功能，你只需要將站點(diǎn)配置文件
disqus_shortname中設(shè)置你shortname，并在主題配置文件中開啟disqus功能為true。
image.png
- 設(shè)置本地搜索功能，只需要主題配置文件將
local search改成true，并且需要修改站點(diǎn)配置文件，在extensions下面，添加內(nèi)容如下：
search:
path: search.xml
field: post
format: html
limit: 10000
- 設(shè)置閱讀全文按鈕，有時候文章有很多，你沒有辦法都是全文顯示，會顯得特別混亂，因此我們只要顯示一部分內(nèi)容。將主題配置文件中
auto_excerpt開啟，然后更新，就完全OK了。
- 設(shè)置打賞功能，不管有沒有人，設(shè)置一下這個功能還是挺好的。
- 修改文章內(nèi)鏈接文本樣式，你如果不想要下劃線，那么可以把里面的border-bottom這4行代碼都修改為
none。
- 設(shè)置網(wǎng)站縮略圖標(biāo)，將small、medium、apple_touch_icon這三行，都設(shè)置成一樣的圖片地址
- 添加網(wǎng)站訪問量
效果如下：
- 添加版權(quán)信息
- 新創(chuàng)建的文章自動添加分類
在blog主目錄下，編輯post.md，添加categories：就可以在創(chuàng)建的博客中生成。
4. 結(jié)語
花了一天半的時間，終于完成了博客的搭建，完全恢復(fù)到了之前的狀態(tài)，這樣就行了。網(wǎng)上有太多資料了，看都看不過來，很不錯，下面列出我參考過的。終于把這件事給做完了，從二月份拖到了現(xiàn)在，真是拖延到無窮無盡。最后附上我博客的地址，會不定期更新。
Lxmic Blog: https://othlis.com/
參考文章
http://www.lxweimin.com/p/3a05351a37dc
http://www.lxweimin.com/p/344cf061598d
http://www.lxweimin.com/p/d335569a6238
http://stevenshi.me/about/
http://www.lxweimin.com/p/9f0e90cc32c2
http://www.lxweimin.com/p/49c8168c7418
http://www.lxweimin.com/p/cfdfcef680cc
https://zhuanlan.zhihu.com/p/30836436
https://theme-next.iissnan.com/theme-settings.html
http://www.lxweimin.com/p/2fe658fd9d94
https://blog.csdn.net/qw8880000/article/details/80235648
https://blog.csdn.net/weixin_39345384/article/details/80544660
https://linlif.github.io/2017/05/27/Hexo%E4%BD%BF%E7%94%A8%E6%94%BB%E7%95%A5-%E6%B7%BB%E5%8A%A0%E5%88%86%E7%B1%BB%E5%8F%8A%E6%A0%87%E7%AD%BE/
