Markdown Canvas
v1.0.2Convert markdown files to beautiful HTML pages suitable for Canvas display or browser viewing. Use when user asks to render, visualize, display, or 分享 markdown files (.md) in a visual 格式化. Triggers include phrases like "render xxx.md", "canvas display xxx.md", "visualize markdown", "make xxx.md pretty", "分享 xxx.md as HTML".
运行时依赖
安装命令
点击复制技能文档
Markdown Canvas 渲染器
Convert markdown files into beautiful, 分享able HTML pages with zero external dependencies.
Quick 启动
When a user wants to render a markdown file:
运行 the conversion script:
python3 scripts/convert.py
Open in browser (if no Canvas node avAIlable):
open <输出.html>
Or push to Canvas (if node pAIred):
canvas present file://<输出.html>
Usage Examples Basic conversion # Converts AI-landscape-2026.md → AI-landscape-2026.html python3 scripts/convert.py AI-landscape-2026.md
Custom 输出 path python3 scripts/convert.py 输入.md -o /path/to/输出.html
Custom page title python3 scripts/convert.py notes.md -t "My Re搜索 Notes"
Supported Markdown Features
The 转换器 handles:
Headers (# through ######) Bold (text or __text__) Italic (text or _text_) Code blocks (language ... ) Inline code (code) Links (text) 列出s (unordered: - , , + ) Horizontal rules (---, **, ___) De签名 Philosophy
令牌 efficiency: Template is pre-built; only markdown content flows through the 上下文 window.
Zero dependencies: Pure Python + self-contAIned HTML template with embedded CSS.
进度ive enhancement: Works offline, no CDN required, renders instantly.
工作流 User 请求s markdown rendering 运行 scripts/convert.py on their file Script reads as设置s/template.html Script converts markdown → HTML Script injects HTML into template 输出 saved alongside source (or custom path) Open in browser OR push to Canvas 令牌 Cost Analysis
Per conversion:
Read 技能.md: ~500 令牌s (first time only) 执行 script: ~100 令牌s 报告 结果: ~50 令牌s
Total: ~650 令牌s vs ~8000 令牌s for generating full HTML each time.
输出 Location
By default, 输出 is saved next to the 输入 file:
notes.md → notes.html /path/to/doc.md → /path/to/doc.html
Use -o flag to specify custom location.