以下內容属于 ‘Markdown’ 便签：

Markdown Genji: 编写交互式文档的 Markdown 拓展，支持在 VitePress 中使用

Markdown Genji 是一个 Markdown 语法的扩展，受到了 Observable Notebook 的启发，主要用来书写交互式文档，目前支持在 VitePress 中使用。官网：https://genji-md.dev/ Github: https://github.com/pearmini/genji 特性：https://genji-md.dev/what-is-genji 动机：https://genji-md.dev/why-genji 案例：https://genji-md.dev/examples/athletes-visualization 在线体验：https://stackblitz.com/edit/vite-p5brzc?file=package.json 在 Genji 中，所有指定了 eval 指令的代码块（ “`js eval）都是可以执行的，它们的执行结果会被展示在文档中。每一个文档页面都实现了一个响应式系统，使得代码块之间可以相互引用，并且当一个代码块的值更新之后，所有依赖它的代码块会重新执行并渲染，从而实现文档的交互性。 12345678910111213```js eval code=false size = Inputs.range([50, 300], { label: "size", value: 100, step: 1 }); ``` ```js eval (() => { const div = document.createElement("div"); div.style.width = size + […] (more...)