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