Hexo+Gitee|搭建靜態(tài)博客

1)很多時(shí)候github網(wǎng)速比較慢,我都會(huì)先將項(xiàng)目地址導(dǎo)入gitee中,再git clone,速度就很快了。
2)原來PicGo不支持Gitee圖床,但現(xiàn)在已經(jīng)有小伙伴做出來了PicGo插件。
3)但是Github Pages是自動(dòng)更新的,而Gitee Pages需要點(diǎn)擊更新才行。

初步搭建

全局_config.yml站點(diǎn)配置文件介紹:

  • themes:主題
  • scaffolds :文章模板
  • source:用戶源文件:頁面,文章markdown文件
  • .gitignore:git時(shí)需要忽略的文件
  • package.json:已安裝插件映射表,下次只需npm install即直接安裝表中的插件

https://hexo.io/themes/下載的主題都存放于themes文件夾中,默認(rèn)情況下,只有l(wèi)andscape這一個(gè)主題文件夾,每個(gè)主題文件夾中的_config.yml是主題樣式配置文件, hexo d部署后的文件存放于public,并自動(dòng)提交至設(shè)置的倉庫中。

注意:如果在themes/下存放了別的主題,請(qǐng)刪除其中的.git.gitignore文件,因?yàn)間it不允許套娃,后期上傳會(huì)出錯(cuò)。

配置_config.yml文件。修改MyBlog下的_config.yml,將我修改的部分po出:

# URL
url: http://XXXXXXXX.io # 設(shè)為博客地址
root: /

# Deployment
deploy:
  type: git
  branch: master # hexo d時(shí)上傳的分支
  repo: https://gitee.com/XXXXXXXX.git
  • :與下文之間有空格,不然會(huì)報(bào)錯(cuò)
  • language選項(xiàng)不要直接復(fù)制zh-CN,比如需要去\themes\landscape確認(rèn)確實(shí)有zh-CN.yml文件才行

個(gè)性化配置

更換主題:Chic

社交鏈接/圖標(biāo)

只在本地測試成功,更新page就不行了,仍需繼續(xù)學(xué)習(xí)

關(guān)鍵詞搜索

生成目錄


使用分類和標(biāo)簽

Hexo初始化沒有tagcategory頁面,需要自行添加,本主題請(qǐng)按以下步驟進(jìn)行:

hexo new page tag
hexo new page category
cd source/tag # 進(jìn)入頁面目錄

source\tag\index.md中增加layout字段,category頁面同理,layout字段鍵值為category:

---
title: Tag
layout: tag
---

更新一篇博客

hexo new test # 生成新的markdown文件test.md
hexo clean # 清除緩存
hexo g # 編譯
hexo s # 在本地預(yù)覽效果
hexo d
hexo clean & hexo g & hexo d # 一鍵三連
  • s表示server;g表示general;d表示deploy
  • 建議使用Typora,因?yàn)樗凶詣?dòng)上傳圖片及圖床設(shè)置

我們可以看到master分支的內(nèi)容,這是由hexo d提交的,與MyBlog/public/下的文件是一致的:

master
  • 可以看到其中有index.html文件,這是Pages能部署的重要文件

多終端配置

以上我們創(chuàng)建了2個(gè)分支,master主分支用于hexo d部署文章,backup分支保存hexo配置文件及文章內(nèi)容,現(xiàn)在我們換一臺(tái)電腦,且安裝好node.js及git,并設(shè)置好推送到Gitee賬號(hào)

獲取hexo配置文件并更新

git clone -b backup https://github.com/XXXXXXXX.git MyBlog # 克隆hexo分支到MyBlog下
cd MyBlog
npm install hexo --save
npm install hexo-cli -g
#npm install # 安裝所有依賴,根據(jù)package.json自動(dòng)安裝之前安裝過的插件
npm install hexo-deployer-git --save
git add .
git commit -m "..."
git push
  • 當(dāng)更改主題配置后,我們都要記得上傳倉庫

更新博客文件

git checkout master
git pull
git checkout backup
hexo new test1
hexo clean & hexo g & hexo d # 更新master分支
git add .
git commit -m "vvvv"
git push # 更新backup分支
  • 每次寫博客都要有pull與push的習(xí)慣,檢查兩個(gè)分支的更新情況

(不知道是不是理解有誤)對(duì)于多終端同步,我們只能將md格式的原文件給上傳至git倉庫中,這樣才能實(shí)現(xiàn)隨時(shí)隨地的修改。這樣,使用兩個(gè)分支其實(shí)是沒有必要的,多次測試后,只是方便我捋清了思路。

hexo常用命令

創(chuàng)建不同類型的文檔

hexo new [layout] <title>

您可以在命令中指定文章的布局(layout),默認(rèn)為 post,可以通過修改 _config.yml 中的default_layout參數(shù)來指定默認(rèn)布局。

文件路徑

發(fā)布草稿

hexo publish [layout] <title> # 注意不需要后綴.md
hexo clean & hexo g & hexo d
  • publish只是將文章從_drafts轉(zhuǎn)移到了_posts,還是需要hexo d再發(fā)布出去的

模板

參考資料:hexo下的分類和標(biāo)簽無法顯示,怎么解決
就像XX大學(xué)的信紙,其開頭或是結(jié)尾都有固定的格式,博客中常用的參數(shù)有發(fā)布時(shí)間、標(biāo)簽、分類等,這些都可以在創(chuàng)建新文檔的時(shí)候自動(dòng)生成。

只有文章支持分類和標(biāo)簽,您可以在 Front-matter 中設(shè)置。在其他系統(tǒng)中,分類和標(biāo)簽聽起來很接近,但是在 Hexo 中兩者有著明顯的差別:分類具有順序性和層次性,也就是說 Foo, Bar 不等于 Bar, Foo;而標(biāo)簽沒有順序和層次。

  • Hexo不同于Wordpress,只支持將文章歸檔至一個(gè)分類中
  • 根據(jù)參考資料完成tags設(shè)置,分類也是一樣的,不再贅述
  • 修改scaffolds目錄下的post.md的題頭,加上tags:categories:,以后新建post的時(shí)候就會(huì)默認(rèn)存在

PicGo+Typora

參考資料:typora和picgo使用

  • PicGo將自動(dòng)幫助完成上傳圖片至圖床并返回圖片鏈接的功能,其插件中已增加Gitee圖床;
  • Typora也有自動(dòng)上傳圖片設(shè)置,需要設(shè)置PicGo路徑,截圖至剪切板中,可以直接粘貼到Typora中,并選擇上傳圖片,會(huì)自動(dòng)將本地路徑轉(zhuǎn)為git倉庫路徑
  • 缺點(diǎn):只能在一個(gè)終端的Typora編輯器中生效

刪除一篇博客

多端同步


其他問題


Hexo編譯原理


參考資料

最后編輯于
?著作權(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),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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