mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-08-10 20:48:42 +08:00
myw
79e16a5cdd
- wordcount/min2read/totalcount built-in helpers (replaces hexo-wordcount) - cloudTags random sort support - waline lightbox via MutationObserver - subtitle: seq guard prevents stale API response race - newest-comments: escapeHtml XSS fix, unified fetchAndRender with cache fallback - katex: try/catch asset load, encrypt re-render - chartjs: destroy charts on pjax, fix theme property check - mathjax: DOMContentLoaded instead of load - mermaid: clean stale error elements - medium-zoom: single instance, detach on pjax - getScrollPercent: WeakMap cache with resize invalidation - overflowPaddingR: avoid stale DOM refs - readmode: dedupe button, pjax cleanup - hexo-blog-decrypt: null-guard translateFn and encryptFn - tw_cn: expand skipped translate tags - localStorage: try/catch setItem - cdn.js: fix [lib|dist]* character class regex bug - findArchivesTitle: support custom archive_dir - shuoshuoFN: guard moment.tz when timezone empty - umami: no-store cache, error handling, path param - artalk: vote config option - bump version 5.7.1.260810
50 lines
1.5 KiB
JavaScript
50 lines
1.5 KiB
JavaScript
/**
|
|
* Butterfly
|
|
* chartjs
|
|
* https://www.chartjs.org/
|
|
* {% chartjs [width, abreast, chartId] %}
|
|
* <!-- chart -->
|
|
* <!-- endchart -->
|
|
* <!-- desc -->
|
|
* <!-- enddesc -->
|
|
* {% endchartjs %}
|
|
*/
|
|
|
|
'use strict'
|
|
|
|
const { escapeHTML } = require('hexo-util')
|
|
|
|
const chartjs = (args, content) => {
|
|
if (!content) return
|
|
|
|
const chartRegex = /<!--\s*chart\s*-->\n([\w\W\s\S]*?)<!--\s*endchart\s*-->/
|
|
const descRegex = /<!--\s*desc\s*-->\n([\w\W\s\S]*?)<!--\s*enddesc\s*-->/
|
|
const selfConfig = args.join(' ').trim()
|
|
|
|
const [width = '', layout = false, chartId = ''] = selfConfig.split(',').map(s => s.trim())
|
|
|
|
const chartMatch = content.match(chartRegex)
|
|
const descMatch = content.match(descRegex)
|
|
|
|
if (!chartMatch) {
|
|
hexo.log.warn('chartjs tag: chart content is required!')
|
|
return
|
|
}
|
|
|
|
const chartConfig = chartMatch[1] || ''
|
|
const descContent = descMatch && descMatch[1] ? descMatch[1] : ''
|
|
|
|
const renderedDesc = descContent ? hexo.render.renderSync({ text: descContent, engine: 'markdown' }).trim() : ''
|
|
|
|
const descDOM = renderedDesc ? `<div class="chartjs-desc">${renderedDesc}</div>` : ''
|
|
const abreastClass = layout ? ' chartjs-abreast' : ''
|
|
const widthStyle = width ? `data-width="${width}%"` : ''
|
|
|
|
return `<div class="chartjs-container${abreastClass}" data-chartjs-id="${chartId}" ${widthStyle}>
|
|
<pre class="chartjs-src" hidden>${escapeHTML(chartConfig)}</pre>
|
|
${descDOM}
|
|
</div>`
|
|
}
|
|
|
|
hexo.extend.tag.register('chartjs', chartjs, { ends: true })
|