用 Copilot Canvas 打造博客实时编辑台，边写边看渲染效果

DanWahlin · x · 2026-11-16

James Montemagno 分享了他用 GitHub Copilot Canvas 搭建「博客写作工作室」的完整过程：每次预览 Hugo 静态博客的文章都要启动整站 hugo server、在编辑器和浏览器间来回切换，于是他让 Copilot 直接为其构建了一个 canvas 应用。

核心原理是 canvas 作为 Copilot 扩展可打开的侧边面板，本质是网页内容——扩展启动一个本地小 web server，把 URL 交给宿主渲染在聊天旁边的面板里。他的 Post Workbench 可以列出所有文章、实时预览含图片/视频/嵌入内容的渲染效果、支持亮暗背景切换编辑，让他在发 PR 前就能发现坏图或排版问题。文章中的截图全是这个 canvas 正在编辑这篇文章本身。他还表示 canvas 几乎什么都能做，已用其搭建了可查看、排期、写作、预览的完整写作流程。