Skip to content

zuisong/notion-kroki

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
.github/workflows
.github/workflows
 
 
imgs
imgs
 
 
src
src
 
 
test
test
 
 
.editorconfig
.editorconfig
 
 
.eslintignore
.eslintignore
 
 
.eslintrc.js
.eslintrc.js
 
 
.gitignore
.gitignore
 
 
Jenkinsfile
Jenkinsfile
 
 
README.md
README.md
 
 
babel.config.js
babel.config.js
 
 
notion-kroki.user.js
notion-kroki.user.js
 
 
package.json
package.json
 
 
pnpm-lock.yaml
pnpm-lock.yaml
 
 
prettier.config.js
prettier.config.js
 
 
tsconfig.json
tsconfig.json
 
 
webpack.config.babel.ts
webpack.config.babel.ts
 
 
write-code.ts
write-code.ts
 
 

Repository files navigation

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 🚀 🚀 🚀 🚀 🚀

🚀 🚀 🚀 🚀 🚀 点我安装 🚀 🚀 🚀 🚀 🚀

Usage

  1. Add a Plain Text code block with content
//kroki plantuml
a->b
b->c
c->a

PS: first line is very important

  1. Then refresh noition page, you will got like this

demo

About

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

zuisong.notion.site/noiton-kroki-demo-7624581b1d784af49decfdc19543ed03

Topics

userscript tampermonkey notion tampermonkey-userscript diagram-generator violentmonkey plantuml-diagrams kroki notion-enhancer

Resources

Readme
Activity

Stars

11 stars

Watchers

2 watching

Forks

0 forks
Report repository

Releases

8 tags

Packages

 
 
 

Contributors 3

  •  
  •  
  •  

Languages