總結(jié)一下hexo的使用技巧
首頁展示折疊
在需要折疊的地方添加 ``
指令
hexo g = hexo generate // 生成
hexo d = hexo deploy // 部署
hexo s = hexo server // 運(yùn)行服務(wù)器
hexo new post "article title" //新建文章
頭像設(shè)置
文章中插入圖片
使用markdown寫文章,插入圖片的格式為![圖片名稱](鏈接地址)
合呐,這里要說的是鏈接地址怎么寫的畴。對于hexo矢否,有兩種方式:
使用本地路徑:在
hexo/source
目錄下新建一個img
文件夾,將圖片放入該文件夾下铸磅,插入圖片時鏈接即為/img/圖片名稱
全度。使用微博圖床幔妨,地址http://weibotuchuang.sinaapp.com/,將圖片拖入?yún)^(qū)域中傍菇,會生成圖片的URL猾瘸,這就是鏈接地址
分頁設(shè)置
在配置站點配置文件
中添加:
index_generator:
per_page: 5
archive_generator:
per_page: 20
yearly: true
monthly: true
tag_generator:
per_page: 10
分別是主頁、歸檔和標(biāo)簽的頁數(shù)丢习。如果部署失敗就先執(zhí)行 $ npm i --save
牵触,參考:首頁分頁和歸檔分頁不同是如何做到的
新建自定義標(biāo)簽
在項目目錄執(zhí)行 hexo new page ${PAGE_NAME}
,在主題配置文件中增加以PAGE_NAME為名的menu咐低,會在${blog_path}\source\
文件夾下面生成對應(yīng)PAGE_NAME
名的文件夾揽思,文件中有個index.md
文件就是了,只要在寫作的md文件頭部加上PAGE_NAME
就可以了见擦,參考tag钉汗,categories...的創(chuàng)建羹令,漢化:在 languages/zh-Hans.yml
文件的menu下面新增PAGE_NAME并漢化。
字體大小更改
在${Blog}\themes\next\source\css\_variables\custom.styl
文件里面添加:
$font-size-base = 16px
$code-font-size = 14px
參考:next-常見問題
修改代碼字體大小后损痰,在火狐瀏覽器上變得慘不忍睹(縮成一團(tuán))福侈,修改${Blog}\themes\next\source\css\_variables\base.styl
文件下的
$line-height-code-block = 1.5
原值是1.6
。好多問題在next的issue下面都有討論的卢未。有可能是code字體每增大1肪凛,尝丐。line-height-code-block
的值減小0.1,未驗證
生成默認(rèn)帶有categories的模板
使用hexo new ${post_title}
生成模板時通常只有title
,date
,tags
三個標(biāo)簽显拜,想要加標(biāo)簽的話就在${blog_path}\scaffolds\post.md
文件中添加一個標(biāo)簽就可以了。
菜單欄排序
在主題配置文件
中找到menu
配置塊爹袁,調(diào)整順序即可。
側(cè)邊欄默認(rèn)顯示與否配置
在主題配置文件
中矮固,找到sidebar
塊失息,配置display
。
網(wǎng)站圖標(biāo)設(shè)置
在主題配置文件
中配置favicon
档址,配置為favicon: /images/favicon.ico
盹兢,把圖標(biāo)文件favicon.ico
放到${blog}\images\
文件夾下即可。
頭像設(shè)置
在主題配置文件
中配置avatar
為avatar: /images/avatar3.jpg
或者一個鏈接的地址守伸,然后在主題
目錄下的images文件夾下面放置頭像jpg文件绎秒。
參考: