考虑到文章直接使用注脚注释不够便捷,而文内括号注释又显得冗长,我模仿 mediapedia 为博客搞了一种新的弹窗注释体系。
使用时,只需点击或将鼠标悬停在[[高亮文本||没错,你成功了。]]上,即可弹出对应的术语注释窗口。
原理:通过 JavaScript 扫描[[特定区域||指的是文章卡片和评论卡片。如果扫描全页面的文本,计算量过大,浏览器会直接卡死]]的文本,识别特定格式并使用正则表达式将其替换为 <span class="annotate">。由于数据量不大,注释内容直接存放在 CSS 中。
格式定义为 [[术语||注释]]。由于通过 JS 扫描并渲染,该语法在评论区也同样支持。
测试
这是一条[[评论||comment,n.评论;批评;解释;指责;议论]]
这是一个超链接