第一章
介紹一個(gè)開源的個(gè)人博客框架hexo,展示如何使用它快速搭建個(gè)人博客,并發(fā)布到github
準(zhǔn)備
- Node環(huán)境
- Git工具
- GitHub賬號(hào)
搭建
1.下載
npm i -g hexo-cli
2.初始化
hexo init
命令執(zhí)行時(shí)會(huì)自動(dòng)下載一個(gè)默認(rèn)主題,這樣一個(gè)初始化的博客網(wǎng)站就搭建成功了,接下來就可以啟動(dòng)了。
3.啟動(dòng)
hexo s
啟動(dòng)成功后,打開瀏覽器,訪問提示端口
第二章
寫博客
利用命令行或者手動(dòng)創(chuàng)建,這里講一下命令行
進(jìn)入控制臺(tái),切換到 source/_posts/ 目錄下
cd source/_posts/
1.新建
hexo n "名稱"
執(zhí)行完成后,就會(huì)在source/_posts/下生成一個(gè)文件
2.使用markdown編輯器編輯好內(nèi)容,保存退出!
3.先清除
hexo clean
再生成
hexo g
4.最后再次啟動(dòng)
hexo s
就可以看到自己寫的博客了
更換主題
自定義一個(gè)主題
推薦:https://github.com/litten/hexo-theme-yilia,一個(gè)優(yōu)雅簡(jiǎn)潔的主題
1.下載
從blog/下進(jìn)入控制臺(tái)
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
會(huì)將主題下載到目錄文件夾themes/下
2.修改配置
下載完成后,修改配置文件_config.yml,將theme換成自己要換的主題名
3.保存退出之后再先清除
hexo clean
再生成
hexo g
4.啟動(dòng)
效果
發(fā)布
到目前為止,我們創(chuàng)建的博客只能在本地運(yùn)行,只能本地主機(jī)訪問,這樣的博客網(wǎng)站是沒有任何意義的,因此,我們要將它發(fā)布到服務(wù)器上,這里我們采用一個(gè)免費(fèi)的方式,將它發(fā)布到github上
1.創(chuàng)建倉(cāng)庫(kù)
點(diǎn)擊加號(hào)后,選擇new repository
注意:新建的倉(cāng)庫(kù)名必須是:登錄名+github.io
2.安裝插件
hexo-deployer-git:用將博客網(wǎng)站發(fā)布到遠(yuǎn)端的插件
切換到blog/下,進(jìn)入控制臺(tái)
3.修改配置文件
打開_config.yml,找到最底修改為
4.發(fā)布
控制臺(tái)
刷新再進(jìn)入到剛剛創(chuàng)建的倉(cāng)庫(kù),我們就可以看到上傳很多文件
這樣我們可以直接使用倉(cāng)庫(kù)名進(jìn)行訪問,例如:
我這里使用:http://chenhr24.github.io訪問
結(jié)語(yǔ)
本文給大家介紹了一種快速搭建個(gè)人博客網(wǎng)站的方式,并將博客網(wǎng)站發(fā)布到GitHub上。當(dāng)然,這里只是使用了hexo搭建一個(gè)建議的網(wǎng)站,如果想要做的更加美觀,可以之后再做完善!
大家可以花幾十分鐘試著創(chuàng)建一個(gè)自己的博客網(wǎng)站,遇到什么問題歡迎評(píng)論區(qū)留言討論!!