title: 關(guān)于開始搭建hexo博客這件事
date: 2021-04-20 19:18:35
tags: "hexo"
hexo個人博客搭建
為什么會搭建hexo博客
原因：
1.用于前端學(xué)習(xí)記錄瑟慈、且便于復(fù)習(xí)，因為經(jīng)過加工一次的比外來搜索的資料來說更容易讓大腦快速識別與利用骂澄。
2.阿里云輕量級WordPress服務(wù)器對非在校生的優(yōu)惠終止臣樱，且個人網(wǎng)站將于2021年5月份到期厨内，這是我的個人WordPress博客鏈接 www.codetotoro.cn捞奕，同時因為服務(wù)器類型的緣故，按照提交工單時工作人員的說法琅拌，相關(guān)的數(shù)據(jù)遷移是無法進行的，除非是繼續(xù)續(xù)費摘刑。
3.部署方便且相關(guān)的學(xué)習(xí)教程更多进宝，且官方的教程及相應(yīng)的主題教程很全面，同時社區(qū)活躍枷恕，搭建博客的相關(guān)配置包括hexo editor都很容易找到党晋，最重要的是部署方便，且bug很少徐块，即使是使用外置主題未玻，而且配置的修改采用注釋/取消注釋的方式進行，方便日后修改胡控，而不用每次都需要根據(jù)官方文檔再去配置扳剿，省去了很多麻煩。
搭建博客的相關(guān)教程
視頻教程
來自嗶哩嗶哩up-codesheep的視頻教程昼激，講解細(xì)致全面
手把手教你從0開始搭建自己的個人博客 |無坑版視頻教程| hexo
學(xué)習(xí)筆記
<pre>
--- #安裝Nodejs
node -v #查看node版本
npm -v #查看npm版本
npm install -g cnpm --registry=http://registry.npm.taobao.org #安裝淘寶的cnpm 管理器
cnpm -v #查看cnpm版本
cnpm install -g hexo-cli #安裝hexo框架
hexo -v #查看hexo版本
mkdir blog #創(chuàng)建blog目錄
cd blog #進入blog目錄
sudo hexo init #生成博客 初始化博客
hexo s #啟動本地博客服務(wù)
http://localhost:4000/ #本地訪問地址
hexo n 我的第一篇文章 #創(chuàng)建新的文章
返回blog目錄
hexo clean #清理
hexo g #生成
Github創(chuàng)建一個新的倉庫 YourGithubName.github.io
在blog目錄下安裝git部署插件
cnpm install --save hexo-deployer-git
配置_config.yml
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/YourGithubName/YourGithubName.github.io.git
branch: master
hexo d #部署到Github倉庫里
https://YourGithubName.github.io/ #訪問這個地址可以查看博客
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia #下載yilia主題到本地
修改hexo根目錄下的 _config.yml 文件 ： theme: yilia
hexo c #清理一下
hexo g #生成
hexo s #啟動本地博客服務(wù)
http://localhost:4000/ #本地訪問地址
hexo d #部署到遠(yuǎn)程Github倉庫
https://YourGithubName.github.io/ #查看博客
</pre>
官方文檔及next主題官方文檔
1.hexo文檔
2.hexo-next主題文檔
博客的后續(xù)配置
博客中有很多可用于拓展的地方庇绽，暫時還有很多不太了解锡搜，但是可以滿足日常的寫作需求以及部署，此處用于記錄對于配置方面的自己的一些理解瞧掺。
配置_config.yml耕餐，gitee/github簡單修改實現(xiàn)雙部署
#配置_config.yml
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo:
gitee: https://gitee.com/mhist/mhist.git
#https://github.com/Mhist/Mhist.github.io.git
#github
branch: master
-----以上代碼是我在實踐過程中發(fā)現(xiàn)的一點，因為在github上是可以做到自動部署的辟狈，可是因為防火墻的原因?qū)е略L問經(jīng)常失敗肠缔，而gitee作為國內(nèi)的github，訪問速度是很快的哼转，只是部署的時候需要手動更新桩砰，因為自動更新部署是要收費的。
以上代碼的使用方式是在repo中：
1.部署到gitee時释簿，按照hexo c; hexo g; hexo s; hexo d亚隅，然后到碼云的位置點擊更新即可。
2.部署到github時煮纵，將gitee所在行用#注釋掉即可，同時取消gitee下一行的#注釋偏螺，按照hexo c; hexo g; hexo s; hexo d即可行疏。然后可訪問域名：https://mhist.github.io/
圖床的設(shè)置
作為使用Markdown來編輯文檔的人來說，擁有一個好的圖床是非常必要的套像。通過圖床我們可以很好的管理我們的博客圖片酿联，同時能在多方正確顯示。
圖床分類
現(xiàn)在比較流行的圖床有很多夺巩，包括SM.MS圖床贞让、騰訊云cos、github圖床柳譬、七牛云圖床喳张、Imgur圖床、阿里云COS美澳、又拍云圖床销部、gitee。但同時具有安全制跟、經(jīng)濟舅桩、使用方便、訪問高速等多種優(yōu)點的解決方案還是要數(shù)基于picgo+gitee的解決方案.
picgo
picgo是一款基于桌面端圖床工具雨膨，方便我們對接本地和遠(yuǎn)程倉庫擂涛，同時快速獲取鏈接，同時支持鏈接的Markdown哥放、HTML歼指、URL爹土、UBB、Custom等五種格式的選擇踩身，同時可以支持插件以豐富軟件功能胀茵。
推薦兩個配置教程：
- 配置教程1
- 配置教程2---插件
- picgo的github鏈接
- picgo Windows PicGo-Setup-2.3.0-beta.5.exe 提取碼：hexo
