feat: 支持abcjs乐谱渲染

- 添加相关可配置选项
 - 添加渲染与组件注册相关脚本
 - 添加默认cdn配置

_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:

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

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);