思源笔记

https://github.com/siyuan-note

关于思源笔记的 markdown 如何渲染

如何自定义渲染器

JavaScript 重写渲染器的方法 原版渲染器地址 Markdown 解析原理详解和 Markdown AST 描述

在 parser/parser.go 中有描述一些渲染配置

lute.SetKramdownIAL(true); // 不将块id {: id="20201105110148-yqza4sm"} 渲染为文本
lute.SetKramdownIALIDRenderName("data-block-id"); // 将块 id 赋值给元素的data-block-id

以下是用来测试渲染效果的

页面引用：

块引用：

下面是嵌入块引用

下面是一行嵌入块

a^3 你好 hello

console.log(3333)

块 33321

相对路径测试

{{{
超级块测试

test

}}}

东西都很奇怪¹ 3²

((20201105162418-vn3ikh1 "{{.text}}"undefined))

eeees

高亮功能测试，背景高亮，字 体高亮，亮亮**{: style="color: rgb(30, 177, 237);"}亮亮亮亮亮**{: style="background-color: rgb(255, 253, 56); color: rgb(252, 13, 27);"}亮