diff --git a/_config.yml b/_config.yml index db17670..2a59a95 100644 --- a/_config.yml +++ b/_config.yml @@ -862,6 +862,13 @@ lazyload: # favicon_16_16: /pwa/16.png # mask_icon: /pwa/safari-pinned-tab.svg +# abcjs (樂譜渲染) +# See https://github.com/paulrosen/abcjs +# --------------- +abcjs: + enable: false + per_page: false + # Open graph meta tags # https://developers.facebook.com/docs/sharing/webmasters/ Open_Graph_meta: diff --git a/layout/includes/additional-js.pug b/layout/includes/additional-js.pug index 3cb29f4..60646ae 100644 --- a/layout/includes/additional-js.pug +++ b/layout/includes/additional-js.pug @@ -59,3 +59,12 @@ div if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv script(async data-pjax src= theme.asset.busuanzi || '//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js') + + if theme.abcjs.enable + if theme.abcjs.per_page + if is_post() || is_page() + script(src=url_for(theme.asset.abcjs_basic_js)) + include ./third-party/abcjs.pug + else if page.abcjs + script(src=url_for(theme.asset.abcjs_basic_js)) + include ./third-party/abcjs.pug diff --git a/layout/includes/third-party/abcjs.pug b/layout/includes/third-party/abcjs.pug new file mode 100644 index 0000000..c8a1c06 --- /dev/null +++ b/layout/includes/third-party/abcjs.pug @@ -0,0 +1,18 @@ +script. + function abcjsInit() { + function abcjsFn() { + for (let abcContainer of document.getElementsByClassName("abc-music-sheet")) { + ABCJS.renderAbc(abcContainer, abcContainer.innerHTML, {responsive: 'resize'}); + } + } + if (typeof ABCJS === 'object') { + abcjsFn(); + } else { + getScript('!{url_for(theme.asset.abcjs_basic_js)}') + .then(() => { + abcjsFn(); + }); + } + } + + document.addEventListener('DOMContentLoaded', abcjsInit); \ No newline at end of file diff --git a/plugins.yml b/plugins.yml index b672299..2e25388 100644 --- a/plugins.yml +++ b/plugins.yml @@ -208,3 +208,8 @@ docsearch_css: other_name: docsearch-css file: dist/style.css version: 3.3.3 +abcjs_basic_js: + name: abcjs + other_name: abcjs-basic + file: dist/abcjs-basic-min.js + version: 6.1.9 \ No newline at end of file diff --git a/scripts/tag/score.js b/scripts/tag/score.js new file mode 100644 index 0000000..3157245 --- /dev/null +++ b/scripts/tag/score.js @@ -0,0 +1,22 @@ +/** + * Music Score + * {% score %} + */ + +'use strict'; + +function score(args, content) { + function escapeHtmlTags(s) { + let lookup = { + '&': "&", + '"': """, + '\'': "'", + '<': "<", + '>': ">" + }; + return s.replace(/[&"'<>]/g, c => lookup[c]); + } + return `
${escapeHtmlTags(content)}
`; +} + +hexo.extend.tag.register('score', score, {ends: true});