# 緣起
當初在瀏覽網頁時意外看到如下面這張示意圖的頁面
就想說剛好可以拿來使用,但去查詢了一下後,發現是適合 Butterfly
主題的外掛,雖然我的 shoka
也可以安裝,但是怕會衝到一些依賴外掛,所以索性直接拿原碼來實現。
碰巧之前在 hexo 官方文檔有看到自製 tag plugin
的介紹,覺得頗有料,於是就著手把兩者結合起來啦!
最後經過一番修改,改成了還算符合我期望的樣子😎 讚讚_
下面會附上最後的程式碼做個紀錄~~
# 使用方法
在 此頁面 中照著填寫已下的結構即可,注意最少要填必填的那兩項,其餘的沒有填會有預設值。
用 {% animeinfo %}` 和 `{% endanimeinfo %}
包住以下
- name: (必填) | |
img: (nullable) | |
date: #eg: 2023 十月 (nullable) | |
metaColor: #eg: `#2fd8d8`, mark 特別喜歡的已看者 (Default, nullable) | |
totalcount: #eg: 全 x 話 (nullable) | |
progress: #eg: 進度 y 話 (nullable) | |
type: #eg: 動漫 or 電影 (d = 動漫,nullable) | |
area: # 國家 (d=Japan, nullable) | |
cvs: # 重點聲優 (nullable) | |
link: (必填) | |
des: (nullable) |
# Javascript
若未顯示,則重整一次網頁即可顯示~
# CSS
# 參考資料
- 官方 source code
- 官方 認識標籤外掛
- 非官方 Hexo 新增自定義標籤外掛
- 非官方 成果示意