zuisong / notion-kroki

Render notion code block as graph by kroki(plantuml, mermaid, ...etc)

notion-kroki

前置条件(Pre Condition)

Make sure you have installed Violentmonkey or Tampermonkey

在使用之前请先确保你已经在浏览器安装了脚本管理插件 Violentmonkey 或者 Tampermonkey

Browser	Violentmonkey	Tampermonkey
Chrome	Violentmonkey	Tampermonkey
Firefox	Violentmonkey	Tampermonkey
Edge	Violentmonkey	Tampermonkey

安装(How to install)

💥 Click me install user script 💥

💥 点我安装脚本 💥

Usage

1. Add a Plain Text code block with content

//kroki plantuml
@startuml
Alice -> "Bob()" : Hello
"Bob()" -> "This is very\nlong" as Long
' You can also declare:
' "Bob()" -> Long as "This is very\nlong"
Long --> "Bob()" : ok
@enduml

PS: first line is very important

2. Then, you will got like this