造物台 · Markdown 转图片指南

把这段示例直接导出试试：AI 输出、技术笔记、知识卡片，都能变成适合分享的高清长图。

提示：所有处理都在浏览器本地完成，内容不会上传服务器。

支持的排版能力

1. 标题、粗体、斜体、链接与 行内代码
2. 有序 / 无序列表、任务列表
3. 表格、引用与分隔线
4. 代码块语法高亮

• 中文排版优化
• 代码高亮
• 数学公式（暂不支持）

表格示例

主题	画布底色	适合场景
素白	浅灰	通用笔记与文档
暖纸	米色	读书摘录与随笔
墨夜	深蓝	AI 输出与技术分享

代码高亮示例

// 分段导出：按顶层块打包，不遗漏、不重复
export function packBlocks(blocks: Block[], target: number): number[][] {
  const groups: number[][] = [];
  let current: Block[] = [];

  for (const block of blocks) {
    if (current.length > 0 && overflow(current, block, target)) {
      groups.push(current);
      current = [];
    }
    current.push(block);
  }
  if (current.length > 0) groups.push(current);
  return groups;
}

# 长图太大？开启「长文分段导出」，打包成 ZIP
npm run dev
npm run build

---

在右侧调整主题、宽度与字号，然后点击「下载 PNG」。内容较长时，开启「长文分段导出」可以把整篇内容分成多张图片打包下载。