# 緣起

當初在瀏覽網頁時意外看到如下面這張示意圖的頁面

追番列表

就想說剛好可以拿來使用,但去查詢了一下後,發現是適合 Butterfly 主題的外掛,雖然我的 shoka 也可以安裝,但是怕會衝到一些依賴外掛,所以索性直接拿原碼來實現。

碰巧之前在 hexo 官方文檔有看到自製 tag plugin 的介紹,覺得頗有料,於是就著手把兩者結合起來啦!

最後經過一番修改,改成了還算符合我期望的樣子😎 讚讚_

下面會附上最後的程式碼做個紀錄~~

# 使用方法

此頁面 中照著填寫已下的結構即可,注意最少要填必填的那兩項,其餘的沒有填會有預設值。

{% animeinfo %}` 和 `{% endanimeinfo %} 包住以下

全部共有 11 個變數
- 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 新增自定義標籤外掛
  • 非官方 成果示意