jerryc127/hexo-theme-butterfly 2.2.0 on GitHub

Breaking Change

不再支持hexo 4.0.0以下版本
添加hexo fragment_cache,加快生成速度
```
+ fragment_cache: true
```

完善V5圖標顯示，不再需要同時加載V4和v5圖標

+ fontawesome_v5:
+  enable: false

CDN_USE:
  css:
    - /css/index.css
-   - https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css
-   - https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css #fontawesomeV5_css

CDN:
+  # fontawesome
+  fontawesome_v4: https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css
+  fontawesome_v5: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css

去除cheerio依賴

整合豆瓣配置，增加配置遊戲，圖書頁面top_img,可設置是否設置meta,解決部分瀏覽器無法顯示圖片問題

- # 如果你有使用hexo-douban去生成movie界面，可配置這個
- movies_img: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/top_img/movie.jpg

+ douban:
+   meta: false
+   movies_img:
+   books_img:
+   games_img:

友情鏈接除列表外可自定義內容

- # 友情鏈接界面設置
- Flink:
-   headline: 友情鏈接
-   info_headline: 我的Blog資料
-   name: Blog 名字： JerryC
-   address: Blog 地址： https://jerryc.me/
-   avatar: Blog 頭像： https://jerryc.me/img/avatar.png
-   info: Blog 簡介： 今日事,今日畢
-   comment: 如果需要交換友鏈,請留言

可設置主頁標題距離頂部距離

# 主頁設置
# 默認top_img全屏，site_info在中間
# 使用默認, 都無需填寫（建議默認）
+index_site_info_top: # 主頁標題距離頂部距離  例如 300px/300em/300rem/10%
index_top_img_height: # 主頁top_img高度 例如 300px/300em/300rem  不能使用百分比

側邊欄可隱藏,可設置手機頁面是否隱藏

-aside_mobile: true

aside:
+  enable: true
+  mobile: true # 手機頁面（ 顯示寬度 < 768px ）是否顯示aside內容
  position: right # left or right
  card_author: true

增加disqusjs和utterances 兩個評論

+disqusjs:
+  enable: false #開啟改為 true
+  shortname:
+  siteName:
+  apikey:
+  api: https://disqus.skk.moe/disqus/ #一般情況下無需修改 API 地址
+  admin:
+  adminLabel:
+  count: true # top_img顯示評論數

+ utterances:
+   enable: false
+   repo: jerryc127/jerryc127.github.io # 可選 pathname/url/title/og:title
+   issue_term: pathname # 可選 github-light/github-dark/github-dark-orange/icy-dark/dark-blue/photon-dark
+  light_theme: github-light
+  dark_theme: photon-dark

首頁subtitle可關閉打字效果，可設置打字效果顯示一次或loop

subtitle:
  enable: true
+  # 打字效果
+  effect: true
+  # 循環或者只打字一次
+  loop: false
  # source調用第三方服務
  # source: false 關閉調用
  # source: 1  調用金山詞霸的每日一句（簡體）
  # source: 2  調用一言網的一句話（簡體） #https://hitokoto.cn/
  # source: 3  調用一句網（簡體） http://yijuzhan.com/
  # source: 4  調用今日詩詞（簡體） https://www.jinrishici.com/
  # subtitle 會先顯示 source , 再顯示 sub 的內容
  source: 2
  # (如果有英文逗號' , '，請使用轉義字符 &#44;)
  # 如果關閉打字效果，subtitle只會顯示sub的第一行文字
  sub:
    - 今日事&#44;今日畢
    - Never put off till tomorrow what you can do today

增加valine和gitalk的配置

gitalk:
  enable: false
  client_id:
  client_secret:
  repo:
  owner:
  admin:
  language: zh-CN # en , zh-CN , zh-TW
+  perPage: 10 # Pagination size, with maximum 100.
+  distractionFreeMode: false # Facebook-like distraction free mode.
+  pagerDirection: last # Comment sorting direction, available values are last and first.
+  createIssueManually: false # Gitalk will create a corresponding github issue for your every single page automatically
  count: true # top_img顯示評論數

valine:
  enable: false # if you want use valine,please set this value is true
  appId:  # leancloud application app id
  appKey:  # leancloud application app key
  notify: false # valine mail notify (true/false) https://github.com/xCss/Valine/wiki
  verify: false # valine verify code (true/false)
  pageSize: 10 # comment list page size
  avatar: monsterid # gravatar style https://valine.js.org/#/avatar
  lang: en # i18n: zh-cn/en
  placeholder: 記得留下你的暱稱和郵箱....可以快速收到回覆 # valine comment input placeholder(like: Please leave your footprints )
  guest_info: nick,mail,link #valine comment header info
+  recordIP: false # Record reviewer IP
+  serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)
  bg: /img/comment_bg.png # valine background
  count: true # top_img顯示評論數

darkmode配置整理

- # 夜間模式
- darkmode:
-  enable: true

-# 自動切換 dark mode和 light mode
-# autoChangeMode: 1  跟隨系統而變化，不支持的瀏覽器/系統將按照時間晚上6點到早上6點之間切換為 dark mode
-# autoChangeMode: 2  只按照時間晚上6點到早上6點之間切換為 dark mode
-# autoChangeMode: false 取消自動切換
-autoChangeMode: false

+ darkmode:
+  enable: true
+  # dark mode和 light mode切換按鈕
+  button: true
+  # 自動切換 dark mode和 light mode
+  # autoChangeMode: 1  跟隨系統而變化，不支持的瀏覽器/系統將按照時間晚上6點到早上6點之間切換為 dark mode
+  # autoChangeMode: 2  只按照時間晚上6點到早上6點之間切換為 dark mode
+  # autoChangeMode: false 取消自動切換
+  autoChangeMode: false

增加404頁面

+# A simple 404 page
+error_404:
+  enable: true
+  subtitle: "頁面沒有找到"
+  background:

post_beautify改為beautify，頁面美化不再只限於post頁，page頁也一樣

-post_beautify:
+beautify:
  enable: true
  title-prefix-icon: '\f0c1'
  title-prefix-icon-color: "#F47466"

可設置是否顯示cover，可設置各位置的cover顯示

-# the default cover of the post
-default_cover: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/top_img/default.png

-index_post_cover: both

+cover:
+  # 是否顯示文章封面
+  index_enable: true
+  aside_enable: true
+  archives_enable: true
+  # 封面顯示的位置
+  # 三個值可配置 left , right , both
+  position: both
+  # 當沒有設置cover時，默認的封面顯示
+  default_cover:

增加mermaid,可畫流程圖、狀態圖、時序圖、甘特圖等等

+# https://github.com/knsv/mermaid
+mermaid:
+  enable: true
+  # built-in themes: default/forest/dark/neutral
+  theme: default

增加pangu配置，中英文之間添加空格

+# https://github.com/vinta/pangu.js
+# 中英文之間添加空格
+pangu:
+  enable: true
+  field: page # page/post

整合部分配置

-avatar_effect: false

+avatar:
+  img: /img/avatar.png
+  effect: true # 頭像會一直轉圈

post-copyright增加decode網址 (可以顯示中文)

post_copyright:
  enable: true
+  decode: false
  license: CC BY-NC-SA 4.0
  license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/

增加部分顏色配置

theme_color:
  enable: true
  main: "#49B1F5"
  paginator: "#00c4b6"
  button_hover: "#FF7242"
  text_selection: "#00c4b6"
  link_color: "#99a9bf"
  meta_color: '#858585'
  hr_color: "#A4D8FA"
-  read-mode-bg_color: '#FAF9DE'
-  inline-code-color: '#F47466'
+  code_foreground: "#F47466"
+  code_background: "rgba(27, 31, 35, .05)"
+  toc_color: "#00c4b6"
+  blockquote_padding_color: "#49b1f5"
+  blockquote_background_color: "#49b1f5"

主頁文章增加tags和更新日期顯示，可以配置post_meta

post_meta:
-  date_type: both # or created or updated 文章日期是創建日或者更新日或都顯示
-  categories: true # or false 是否顯示分類
-  tags: true # or false 是否顯示標籤
+  page:
+    date_type: both # created or updated or both 主頁文章日期是創建日或者更新日或都顯示
+    categories: true # true or false 主頁是否顯示分類
+    tags: true # true or false 主頁是否顯示標籤
+  post:
+    date_type: both # created or updated or both 文章頁日期是創建日或者更新日或都顯示
+    categories: true # true or false 文章頁是否顯示分類
+    tags: true # true or false 文章頁是否顯示標籤

Feature

適配IE
增加一個Tag Plugins: 圖庫集
增加一個Tag Plugins: tag-hide 功能 inline/block
去除page頁開頭顯示與標題一樣的內容
aside 公告欄設置，支持html代碼
手機界面sidebar顯示進度條和加深對應的標題
主頁subtitle 的 hitokoto 顯示內容出處
footer 的hexo鏈接改為https
修改手機下，menus和toc的打開效果
手機頁面下，搜索界面全屏顯示
SEO優化，標題欄改為h1顯示
閲讀模式優化，可根據light mode 和darkmode調整背景
當屏蔽js時，header會出現（之前用js控制，會隱藏）

Fixed

修復Tencent Analytics的script加載為https #105
修復相關文章，日期顯示錯誤bug
修復gitalk報錯問題
修復當valine background 是絕對地址時無法顯示的bug
修復medium-zoom 無法使用的bug
修復在safari下，點擊或移動到首頁文章cover，圓角變成正方形的bug #114
修復在部分瀏覽器下，aside,友情鏈接頭像轉動變形的bug
修復在寬度限制下，表格內容溢出屏幕外而出現滾動條的bug #138
修復gitalk js 在一些沒有設置評論的page里加載的bug
修復tag plugins 的gist 在不同主題下的背景顏色問題（黑色主題下，文字不易觀看）
修復highlight figcaption 顯示不全的bug
修復disqus評論數無法獲取的bug
修復子目錄在觸摸屏下點擊,偶爾不出現的bug
修復a標籤太長（連續英文字母）不會換行的bug
修復toc滾動時，閲讀進度條也跟着滾動的bug
修復aside的圖片，可點擊顯示大圖bug
修復activate-power-mode設置參數無效bug
修復語言上的錯誤 #156
修復主頁在safari桌面端，首頁滾動卡頓的bug