mdjs-viewer:在GitHub上执行和查看Markdown JavaScript演示
mdjs-viewer 是由 Thomas Allmer 开发的 Chrome 扩展程序,允许用户在 GitHub 上直接执行和查看交互式 Markdown JavaScript 演示。该扩展程序增强了 mdjs(Markdown JavaScript)库的功能,并将其引入到 GitHub 平台。
通过 mdjs-viewer,用户现在可以在 GitHub 的各个地方查看实时演示,包括 GitHub 的 Markdown 文件(如 README.md)和 GitHub 问题。该扩展程序通过隔离用户代码的执行并实施措施(如在具有沙箱设置的 iframe 中运行演示以及限制 iframe 外部的请求),确保安全性。
值得注意的是,mdjs-viewer 通过向 script-src 添加特定规则来修改 GitHub 的内容安全策略(CSP),允许在 mdjs iframe 中执行代码块并从 iframe 内部加载用户依赖项。
要使用 mdjs-viewer,只需启用该扩展程序并访问 GitHub 上的 Markdown 页面和问题。该扩展程序会在这些页面上添加一个“显示演示 ▹”按钮,点击该按钮会使用 mdjs 处理原始的 Markdown 文本,并将导入项替换为 unpkg.com 的 URL。最后,创建一个 iframe 来显示 mdjs 生成的 HTML 和 JavaScript 输出。
请注意,每小时对 GitHub 的匿名 API 调用有限制(60 次),并且请求问题消息的原始内容需要一个 API 密钥。
尝试使用 mdjs-viewer 来增强您在 GitHub 上的交互式 Markdown JavaScript 演示体验吧!