總結一下hexo的使用技巧
首頁展示折疊
在需要折疊的地方添加 ``
指令
hexo g = hexo generate // 生成
hexo d = hexo deploy // 部署
hexo s = hexo server // 運行服務器
hexo new post "article title" //新建文章
頭像設置
參考:設置側邊欄頭像
文章中插入圖片
使用markdown寫文章,插入圖片的格式為
,這里要說的是鏈接地址怎么寫。對于hexo,有兩種方式:
使用本地路徑:在
hexo/source
目錄下新建一個img
文件夾,將圖片放入該文件夾下,插入圖片時鏈接即為/img/圖片名稱
。使用微博圖床,地址http://weibotuchuang.sinaapp.com/,將圖片拖入區域中,會生成圖片的URL,這就是鏈接地址
分頁設置
在配置站點配置文件
中添加:
index_generator:
per_page: 5
archive_generator:
per_page: 20
yearly: true
monthly: true
tag_generator:
per_page: 10
分別是主頁、歸檔和標簽的頁數。如果部署失敗就先執行 $ npm i --save
,參考:首頁分頁和歸檔分頁不同是如何做到的
新建自定義標簽
在項目目錄執行 hexo new page ${PAGE_NAME}
,在主題配置文件中增加以PAGE_NAME為名的menu,會在${blog_path}\source\
文件夾下面生成對應PAGE_NAME
名的文件夾,文件中有個index.md
文件就是了,只要在寫作的md文件頭部加上PAGE_NAME
就可以了,參考tag,categories...的創建,漢化:在 languages/zh-Hans.yml
文件的menu下面新增PAGE_NAME并漢化。
參考:創建分類頁面
字體大小更改
在${Blog}\themes\next\source\css\_variables\custom.styl
文件里面添加:
$font-size-base = 16px
$code-font-size = 14px
參考:next-常見問題
修改代碼字體大小后,在火狐瀏覽器上變得慘不忍睹(縮成一團),修改${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,未驗證
生成默認帶有categories的模板
使用hexo new ${post_title}
生成模板時通常只有title
,date
,tags
三個標簽,想要加標簽的話就在${blog_path}\scaffolds\post.md
文件中添加一個標簽就可以了。
菜單欄排序
在主題配置文件
中找到menu
配置塊,調整順序即可。
側邊欄默認顯示與否配置
在主題配置文件
中,找到sidebar
塊,配置display
。
網站圖標設置
在主題配置文件
中配置favicon
,配置為favicon: /images/favicon.ico
,把圖標文件favicon.ico
放到${blog}\images\
文件夾下即可。
頭像設置
在主題配置文件
中配置avatar
為avatar: /images/avatar3.jpg
或者一個鏈接的地址,然后在主題
目錄下的images文件夾下面放置頭像jpg文件。
參考: