搭建自己的個(gè)人博客(hexo)

首先感謝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.jsGit

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)命令窗口

  1. 輸入"node -v" 查看node版本

  2. 輸入"npm -v" 查看npm版本

  3. 2、3完成則node.js安裝完成

  4. 接下來(lái)利用npm安裝cnpm,因?yàn)閲?guó)內(nèi)安裝較慢,所以推薦使用阿里云鏡像安裝

  5. 輸入npm "install -g cnpm --registry=http://registry.npm.taobao.org" 安裝鏡像的cnpm 管理器

  6. 輸入"cnpm -v" 查看cnpm版本(此時(shí)cnpm安裝完成)

  7. 輸入"cnpm install -g hexo-cli" 安裝hexo框架

  8. 輸入"hexo -v" 查看hexo版本并確認(rèn)是否安裝成功

使用hexo搭建博客

如提示要在blog目錄完成一定要在該目錄下完成,如進(jìn)入hexo命令可通過(guò)<kbd>Ctrl</kbd>+<kbd>C</kbd>,再鍵入Y退出hexo

  1. 建立一個(gè)空文件夾,用來(lái)放本地blog,熟悉cmd命令的可以直接在cmd上直接建立

  2. 輸入"cd blog" 進(jìn)入blog目錄,blog為你所建立的空文件夾目錄

  3. 輸入"sudo hexo init" 生成博客,初始化博客,自帶主題,可以直接打開(kāi)所建立的blog或輸入"dir" 查看當(dāng)前目錄下生成了那些文件

  4. 輸入"hexo s" 啟動(dòng)本地博客服務(wù)

  5. http://localhost:4000/ 本地訪問(wèn)地址,可在瀏覽器打開(kāi)查看

  6. 輸入"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)容

  1. 輸入"hexo clean" 清理

  2. 輸入"hexo g" 生成

  3. 輸入"hexo s" 重新啟動(dòng)本地服務(wù)查看變化

博客部署到Github上

如果不想用Github可以用Gitee,操作相似

  1. 登錄Github建立一個(gè)新倉(cāng)庫(kù),倉(cāng)庫(kù)名為 Github賬戶昵稱.github.io

  2. 輸入"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"

  1. 配置_config.yml文件,文件最底部做如下配置(下面符號(hào)’+‘代表空格?。。。?/li>

deploy:

++type:+git

++repo:+新建的空倉(cāng)庫(kù)的地址

++branch:+master

  1. 輸入"hexo d" 部署到遠(yuǎn)端Github倉(cāng)庫(kù)里,在彈出對(duì)話框中輸入Github賬號(hào)密碼

  2. 成功后,刷新Github倉(cāng)庫(kù)會(huì)發(fā)現(xiàn)倉(cāng)庫(kù)中多了些東西,這些就是博客的一些內(nèi)容

  3. 再瀏覽器中訪問(wèn) 1中的名稱,可發(fā)現(xiàn)遠(yuǎn)程部署完成

換博客主題

此主題僅是一個(gè)示例

https://YourGithubName.github.io/ 訪問(wèn)這個(gè)地址可以查看博客

下面操作依舊在blog目錄下

  1. 輸入"git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia" 下載yilia主題到本地blog/themes目錄下

  2. 修改blog目錄下的 _config.yml 文件,修改如下:

theme: yilia

  1. 輸入"hexo clean" 清理

  2. 輸入"hexo g" 生成

  3. 輸入"hexo s" 重新啟動(dòng)本地服務(wù)查看變化

  4. 輸入"hexo d" 部署到遠(yuǎn)端Github倉(cāng)庫(kù)里,這次不用輸入賬戶密碼

  5. 在Github地址下刷新查看變換

  6. 主題更換完成

總結(jié)

需要安裝配置好node.js和Git

這只是簡(jiǎn)單的搭建博客,界面比較粗糙,有待改進(jìn)

搭建博客容易,堅(jiān)持寫(xiě)博客難

相信在堅(jiān)持寫(xiě)博客總結(jié)后,一定會(huì)有所提高

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容