打谱笔记大杀器！Vditor集成abcjs

最近在找趁手笔记的时候，意外地在思源笔记 - 本地优先的个人知识管理系统，支持 Markdown 排版、块级引用和双向链接 (b3log.org)里面发现，vditor（思源笔记的英文名）已经支持在markdown里面直接添加五线谱了：

 

 

尝试了一下，人傻了好久，渲染速度实在太快了。

 

因为vditor本身是编辑器，只要加载了这个内核就可以应用它的功能，所以vs code上也可以轻易地做到这一点：

 

 对应的插件为Markdown Editor - Visual Studio Marketplace

 

 

于是对vditor能够打五线谱这件事非常诧异，几番调查后，在

使用 Markdown 制作五线谱 - InfoQ 写作平台

得出它是因为加载了abcjs这个项目

从笔记方便的角度讲，lilypond在代码编辑器里的进展是远远跟不上的

搜遍全网……最好的结合方案在netify上：

 Lilypond in Markdown (lilypond-in-markdown.netlify.app)

 

 

这个渲染效果看得流口水，然而也就只能流口水……

 

关于abcjs的打谱操作，可以参照

在线乐谱协作编辑器composing.studio | 老苏的blog (laosu.ml)

实话说，有许多小的操作比lilypond要更简洁。下面是代码和编译结果。

 

 

真不知道一个能结合lilypond代码的笔记软件到底合适能到来……