We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
项目地址:https://github.com/pearmini/genji
类别:JavaScript
项目标题:Markdown Genji:编写交互式文档的 Markdown 拓展,支持在 VitePress 中使用
项目描述:Markdown Genji 是一个 Markdown 语法的扩展,受到了 Observable Notebook 的启发,主要用来书写交互式文档,目前支持在 VitePress 中使用。在 Genji 中,所有指定了 eval 指令的代码块( ```js eval)都是可以执行的,它们的执行结果会被展示在文档中。每一个文档页面都实现了一个响应式系统,使得代码块之间可以相互引用,并且当一个代码块的值更新之后,所有依赖它的代码块会重新执行并渲染,从而实现文档的交互性。目前已经受到了 D3 作者 Mike Bostock 的认可。
亮点:
示例代码:如下的代码,可以得到下图中的结果:
```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 + "px"; div.style.height = "100px"; div.style.background = "orange"; return div; })(); ```
The text was updated successfully, but these errors were encountered:
No branches or pull requests
推荐项目
项目地址:https://github.com/pearmini/genji
类别:JavaScript
项目标题:Markdown Genji:编写交互式文档的 Markdown 拓展,支持在 VitePress 中使用
项目描述:Markdown Genji 是一个 Markdown 语法的扩展,受到了 Observable Notebook 的启发,主要用来书写交互式文档,目前支持在 VitePress 中使用。在 Genji 中,所有指定了 eval 指令的代码块( ```js eval)都是可以执行的,它们的执行结果会被展示在文档中。每一个文档页面都实现了一个响应式系统,使得代码块之间可以相互引用,并且当一个代码块的值更新之后,所有依赖它的代码块会重新执行并渲染,从而实现文档的交互性。目前已经受到了 D3 作者 Mike Bostock 的认可。
亮点:
示例代码:如下的代码,可以得到下图中的结果:
The text was updated successfully, but these errors were encountered: