首先感謝B站UP主CodeSheep
本篇文章主要來(lái)源于UP主的手把手教你從0開(kāi)始搭建自己的個(gè)人博客 |無(wú)坑版視頻教程| hexo
依照著這個(gè)視頻和視頻中各位彈幕大佬終于完成了自己的個(gè)人博客搭建,因?yàn)閁P視頻中操作的是MACOS系統(tǒng),與我使用的Window還有有些不同的,所以寫(xiě)下本篇文章,用以方便其他人搭建個(gè)人博客
個(gè)人想法:如視頻中UP所講的,程序員確實(shí)應(yīng)該擁用自己的博客,用以記錄學(xué)到的技術(shù),犯過(guò)的錯(cuò)誤,等等。這對(duì)于一個(gè)人的提高還是很有幫助的,學(xué)習(xí)嘛,就是一個(gè)不斷犯錯(cuò),不斷總結(jié)的過(guò)程嘛。
下面開(kāi)始了?。?!
準(zhǔn)備
利用hexo(A fast, simple & powerful blog framework)搭建個(gè)人博客需要先裝好node.js和Git
node.js需要裝LTS版及長(zhǎng)期支持版,官網(wǎng)首頁(yè)就有
Git需要配置好,拋開(kāi)這篇文章說(shuō)Git很重要,想要了解更多的自行查閱資料
開(kāi)始搭建
以下引號(hào)("")括起的都為命令,有些還包括引號(hào)中還有引號(hào)的情況
安裝hexo
使用 <kbd>Win</kbd>+<kbd>R</kbd> 輸入cmd打開(kāi)命令窗口
輸入"node -v" 查看node版本
輸入"npm -v" 查看npm版本
2、3完成則node.js安裝完成
接下來(lái)利用npm安裝cnpm,因?yàn)閲?guó)內(nèi)安裝較慢,所以推薦使用阿里云鏡像安裝
輸入npm "install -g cnpm --registry=http://registry.npm.taobao.org" 安裝鏡像的cnpm 管理器
輸入"cnpm -v" 查看cnpm版本(此時(shí)cnpm安裝完成)
輸入"cnpm install -g hexo-cli" 安裝hexo框架
輸入"hexo -v" 查看hexo版本并確認(rèn)是否安裝成功
使用hexo搭建博客
如提示要在blog目錄完成一定要在該目錄下完成,如進(jìn)入hexo命令可通過(guò)<kbd>Ctrl</kbd>+<kbd>C</kbd>,再鍵入Y退出hexo
建立一個(gè)空文件夾,用來(lái)放本地blog,熟悉cmd命令的可以直接在cmd上直接建立
輸入"cd blog" 進(jìn)入blog目錄,blog為你所建立的空文件夾目錄
輸入"sudo hexo init" 生成博客,初始化博客,自帶主題,可以直接打開(kāi)所建立的blog或輸入"dir" 查看當(dāng)前目錄下生成了那些文件
輸入"hexo s" 啟動(dòng)本地博客服務(wù)
http://localhost:4000/ 本地訪問(wèn)地址,可在瀏覽器打開(kāi)查看
輸入"hexo n "我的第一篇文章"" 創(chuàng)建新的文章,創(chuàng)建成功后會(huì)顯示文章的目錄地址,直接用編譯器如vscode打開(kāi)文章,或用cmd命令操作。該文章為Markdown格式,不熟悉的可以查資料學(xué)習(xí)。隨意寫(xiě)一些內(nèi)容如:
# 一級(jí)標(biāo)題
內(nèi)容
## 二級(jí)標(biāo)題
內(nèi)容
### 三級(jí)標(biāo)題
內(nèi)容
輸入"hexo clean" 清理
輸入"hexo g" 生成
輸入"hexo s" 重新啟動(dòng)本地服務(wù)查看變化
博客部署到Github上
如果不想用Github可以用Gitee,操作相似
登錄Github建立一個(gè)新倉(cāng)庫(kù),倉(cāng)庫(kù)名為 Github賬戶昵稱.github.io
輸入"cnpm install --save hexo-deployer-git" 在blog目錄下安裝git部署插件,如已經(jīng)配置過(guò)Git則不會(huì)出現(xiàn)問(wèn)題,如提示:
Please tell me who you are.
則需向Git說(shuō)明自己的身份,通過(guò)如下兩個(gè)命令證明:
"git config --global user.name "myusername"" 用戶名
"git config --global user.email "myemail"" 郵箱
要查看用戶,使用:
"git config --list"
- 配置_config.yml文件,文件最底部做如下配置(下面符號(hào)’+‘代表空格?。。。?/li>
deploy:
++type:+git
++repo:+新建的空倉(cāng)庫(kù)的地址
++branch:+master
輸入"hexo d" 部署到遠(yuǎn)端Github倉(cāng)庫(kù)里,在彈出對(duì)話框中輸入Github賬號(hào)密碼
成功后,刷新Github倉(cāng)庫(kù)會(huì)發(fā)現(xiàn)倉(cāng)庫(kù)中多了些東西,這些就是博客的一些內(nèi)容
再瀏覽器中訪問(wèn) 1中的名稱,可發(fā)現(xiàn)遠(yuǎn)程部署完成
換博客主題
此主題僅是一個(gè)示例
https://YourGithubName.github.io/ 訪問(wèn)這個(gè)地址可以查看博客
下面操作依舊在blog目錄下
輸入"git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia" 下載yilia主題到本地blog/themes目錄下
修改blog目錄下的 _config.yml 文件,修改如下:
theme: yilia
輸入"hexo clean" 清理
輸入"hexo g" 生成
輸入"hexo s" 重新啟動(dòng)本地服務(wù)查看變化
輸入"hexo d" 部署到遠(yuǎn)端Github倉(cāng)庫(kù)里,這次不用輸入賬戶密碼
在Github地址下刷新查看變換
主題更換完成
總結(jié)
需要安裝配置好node.js和Git
這只是簡(jiǎn)單的搭建博客,界面比較粗糙,有待改進(jìn)
搭建博客容易,堅(jiān)持寫(xiě)博客難
相信在堅(jiān)持寫(xiě)博客總結(jié)后,一定會(huì)有所提高