環(huán)境準(zhǔn)備
- nodejs 和 npm
- git
安裝hexo
hexo 是一個(gè)靜態(tài)博客生成網(wǎng)站，可以快速制作自己的博客網(wǎng)站并部署
- 安裝hexo
npm install hexo-cli -g
- 創(chuàng)建項(xiàng)目
hexo init
- 本地預(yù)覽
hexo s
部署到github page
- 新建倉(cāng)庫(kù)
創(chuàng)建一個(gè)名為[用戶(hù)名].github.io的倉(cāng)庫(kù)
- 下載自動(dòng)部署插件
npm install hexo-deployer-git --save
- 修改hexo的配置文件
_config.yml
- 在deplay中添加
deploy:
type: "git"
repo: git@github.com:[用戶(hù)名]/[用戶(hù)名].github.io.git //
branch: master
- 修改url
url: https://[用戶(hù)名].github.io
- 上傳文件
hexo clean # 清楚本地文件
hexo g # 生成靜態(tài)資源
hexo d # 上傳部署
- 等待幾分鐘后，在瀏覽器內(nèi)搜索
[用戶(hù)名].github.io，就可以看到自己的博客網(wǎng)站了
主題安裝
默認(rèn)的hexo頁(yè)面比較難看，我用了一個(gè)明日方舟風(fēng)格的主題來(lái)進(jìn)行美化
- 修改配置文件
_config.yml中的theme
theme: arknights
- 下載主題包
git clone https://github.com/Yue-plus/hexo-theme-arknights.git themes/arknights文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-446863.html
- 剪切
Hexo/themes/arknights/_config.yml到根目錄下，并重命名為_config.arknights.yml
寫(xiě)作
在終端輸入hexo new "文章名" 就可以新建一個(gè)md文件，對(duì)這個(gè)文件進(jìn)行編輯。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-446863.html
到了這里，關(guān)于hexo + github 創(chuàng)建個(gè)人博客網(wǎng)站的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
