任务路径 / 从输入到结果
如何把代码变成可分享的图片
- 01
粘贴代码
在“代码源”输入框中输入或粘贴代码：最多 65,536 个 UTF-8 字节、200 行，每行不超过 240 个字符。标签旁的计数器会实时显示当前字节数与上限。
- 02
选择语言与主题
在“语言”下选择 JavaScript、TypeScript、HTML、CSS、JSON 或 Bash，再把“主题”设为“浅色”或“深色”。语法配色来自对应的 Shiki 语法与 GitHub 风格主题。
- 03
设计外框
设置“背景”颜色、“内边距”（16 到 96 px）和“字号”（12 到 28 px），再填写不超过 80 个字符的“窗口标题”，按需切换“显示行号”，并选择 1x 或 2x 的“导出比例”。
- 04
生成预览
生成时加载本地分词器，测量实际字体和窗口标题，并预览用于导出的同一份转义 SVG。代码只作为文字，不会执行。修改设置会清除旧预览，超限或无法测量的输出会被拒绝；宽图可用键盘滚动检查。
- 05
下载 SVG 或 PNG
需要可缩放的矢量文件时点“下载 SVG”；需要位图时点“下载 PNG”，PNG 会按所选比例通过 Canvas 渲染。两种文件都在本地生成。