title: 關于開始搭建hexo博客這件事
date: 2021-04-20 19:18:35
tags: "hexo"
hexo個人博客搭建
為什么會搭建hexo博客
原因:
1.用于前端學習記錄、且便于復習,因為經過加工一次的比外來搜索的資料來說更容易讓大腦快速識別與利用。
2.阿里云輕量級WordPress服務器對非在校生的優惠終止,且個人網站將于2021年5月份到期,這是我的個人WordPress博客鏈接 www.codetotoro.cn,同時因為服務器類型的緣故,按照提交工單時工作人員的說法,相關的數據遷移是無法進行的,除非是繼續續費。
3.部署方便且相關的學習教程更多,且官方的教程及相應的主題教程很全面,同時社區活躍,搭建博客的相關配置包括hexo editor都很容易找到,最重要的是部署方便,且bug很少,即使是使用外置主題,而且配置的修改采用注釋/取消注釋的方式進行,方便日后修改,而不用每次都需要根據官方文檔再去配置,省去了很多麻煩。
搭建博客的相關教程
視頻教程
來自嗶哩嗶哩up-codesheep的視頻教程,講解細致全面
手把手教你從0開始搭建自己的個人博客 |無坑版視頻教程| hexo
學習筆記
<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 #創建blog目錄
cd blog #進入blog目錄
sudo hexo init #生成博客 初始化博客
hexo s #啟動本地博客服務
http://localhost:4000/ #本地訪問地址
hexo n 我的第一篇文章 #創建新的文章
返回blog目錄
hexo clean #清理
hexo g #生成
Github創建一個新的倉庫 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 #啟動本地博客服務
http://localhost:4000/ #本地訪問地址
hexo d #部署到遠程Github倉庫
https://YourGithubName.github.io/ #查看博客
</pre>
官方文檔及next主題官方文檔
1.hexo文檔
2.hexo-next主題文檔
博客的后續配置
博客中有很多可用于拓展的地方,暫時還有很多不太了解,但是可以滿足日常的寫作需求以及部署,此處用于記錄對于配置方面的自己的一些理解。
配置_config.yml,gitee/github簡單修改實現雙部署
#配置_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
-----以上代碼是我在實踐過程中發現的一點,因為在github上是可以做到自動部署的,可是因為防火墻的原因導致訪問經常失敗,而gitee作為國內的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/
圖床的設置
作為使用Markdown來編輯文檔的人來說,擁有一個好的圖床是非常必要的。通過圖床我們可以很好的管理我們的博客圖片,同時能在多方正確顯示。
圖床分類
現在比較流行的圖床有很多,包括SM.MS圖床、騰訊云cos、github圖床、七牛云圖床、Imgur圖床、阿里云COS、又拍云圖床、gitee。但同時具有安全、經濟、使用方便、訪問高速等多種優點的解決方案還是要數基于picgo+gitee的解決方案.
picgo
picgo是一款基于桌面端圖床工具,方便我們對接本地和遠程倉庫,同時快速獲取鏈接,同時支持鏈接的Markdown、HTML、URL、UBB、Custom等五種格式的選擇,同時可以支持插件以豐富軟件功能。
推薦兩個配置教程:
- 配置教程1
- 配置教程2---插件
- picgo的github鏈接
- picgo Windows PicGo-Setup-2.3.0-beta.5.exe 提取碼:hexo