哈囉,如果沒意外這篇會置頂XD
歡迎來到我的部落格,這裡會存放一下學習心得之類的
感謝你的到來~~
hexo-next更改捐贈按鈕樣式
原因
原本的Reward的按鈕在字太長的時候會不好看
然後顏色我也不喜歡
第一方案(失敗)
原本想說可以使用next功能中部落格/themes/next/source/css/_custom/custom.styl
做自定義修改
可以使用瀏覽器的元件追蹤功能來看
(詳情hexo 自定義頁面樣式)
但是…
hexo-next 使用hexo-renderer-markdown-it
為了讓jupyternote轉換後的markdown可以在部落格使用
目前hexo的markdown引擎已經換成了hexo-renderer-markdown-it
之前使用jupyternote轉成markdown後的文章
之前的文章並沒有寫的很清楚,這次來完整紀錄一下
hexo-next新增部落格總字數統計數量在網站底部
套件使用
方法
主要是使用hexo-wordcount的功能
- 進入
部落格資料夾/themes/next/layout/_partials/footer.swig
檔案內 - 我是直接新增一行來顯示也就是在
theme-info
的code底下再新增以下code
1 | <div> |
Reference
hexo-next新增網站訪問人數統計
記錄一下使用
方法
修改主題配置
在主題_config.yml
中找到busuanzi_count
把其中的enable
設為true
模式
有模式可以設定
pv的方法
一個用戶連續點擊n篇文章,記錄n次訪問量
1 | #我沒有使用pv方法 所以為false |
uv的方法
一個用戶連續點擊n篇文章,記錄1次訪問量
1 | #我使用此方法所以為true |
Reference
hexo_next文章置頂
使用套件
方法
npm uninstall hexo-generator-index --save
npm install hexo-generator-index-pin-top --save
- 在要置頂的文章上使用
top: True
(這樣就會置頂了) - (Options)Next的小功能,在置頂文章上加
sticky: 100
(其實hexo-next寫這個sticky是會有個依照sticky大小做排序的功能,應該要能置頂,但好像有bug所以這樣子結合方法)這樣就會有小別針在置頂文章上面了
Reference
更改hexo-renderer
原因
因為無法用hexo原本的hexo-renderer-marked去顯示html的部分
所以改用hexo-renderer-markdown-it
方案
之前可能設置錯誤,有時render失敗,目前採用下面的配置就穩定了
在hexo的_config.yml加上以下
1 | markdown: |