添加对 ChartJS 双模式的支持

1. 增加了 ChartJS 图表官方语法；
2. 新增了 ChartJS 的双模式（浅色/深色模式）显示功能；
3. 扩展了 ChartJS 的 config 语法，支持双模式配置。
4. 修复了 ChartJS 在双模式下默认样式的问题，简化用户配置图表过程。

scripts/events/merge_config.js

@@ -512,6 +512,25 @@ hexo.extend.filter.register('before_generate', () => {
         dark: 'dark'
       }
     },
+    chartjs: {
+      enable: false,
+      color: {
+        light: "rgba(0, 0, 0, 0.8)",
+        dark: "rgba(255, 255, 255, 0.8)"
+      },
+      borderColor: {
+        light: "rgba(0, 0, 0, 0.1)",
+        dark: "rgba(255, 255, 255, 0.2)"
+      },
+      scale: {
+        ticks: {
+          backdropColor: {
+            light: "transparent",
+            dark: "transparent"
+          }
+        }
+      }
+    },
     note: {
       style: 'flat',
       icons: true,

scripts/tag/chartjs.js

@@ -0,0 +1,39 @@
+/**
+ * Butterfly
+ * chartjs
+ * https://www.chartjs.org/
+ * Author: SeaYJ
+ */
+
+'use strict'
+
+const { escapeHTML } = require('hexo-util')
+
+const chartjs = (args, content) => {
+    const chartBlock = /<!--\s*chart\s*-->\n([\w\W\s\S]*?)<!--\s*endchart\s*-->/g
+    const descBlock = /<!--\s*desc\s*-->\n([\w\W\s\S]*?)<!--\s*enddesc\s*-->/g
+    const id = args[0]
+    const descMatches = []
+    let chartConfig
+    let descDOM = ''
+    let match
+
+    !content && hexo.log.warn('chartjs has no content!')
+
+    if ((match = chartBlock.exec(content)) !== null) {
+        chartConfig = match[1]
+    }
+
+    while ((match = descBlock.exec(content)) !== null) {
+        descMatches.push(match[1])
+    }
+
+    for (let i = 0; i < descMatches.length; i++) {
+        let descContent = hexo.render.renderSync({ text: descMatches[i], engine: 'markdown' }).trim()
+        descDOM += (descContent ? `<div class="chatjs-desc-${i}">${descContent}</div>` : '')
+    }
+
+    return `<div class="chartjs-wrap" data-chartjs-id="${id}"><pre class="chartjs-src" hidden>${escapeHTML(chartConfig)}</pre>${descDOM}</div>`
+}
+
+hexo.extend.tag.register('chartjs', chartjs, { ends: true })