Sublime Text 本身不提供导出代码图片功能,必须依赖ExportHtml插件或pygmentize命令行;ExportHtml需配置font_face、font_size等参数并手动切换语法,pygmentize则轻量但无法还原Sublime特有高亮。
Sublime Text 本身不提供导出代码图片的功能,所有“高亮图片”产出都依赖插件或外部工具链。直接截图不仅模糊、带 UI 干扰,还无法缩放和复用——真要生成可用于技术分享的 PNG/SVG,必须走 ExportHtml 插件或 pygmentize 命令行路径。
ExportHtml 插件导出 PNG:最稳的编辑器内方案
这是目前适配性最好、能完整保留 Sublime 当前语法高亮、字体、行号、主题色的方案。但默认安装后不能直接用,必须补全关键配置,否则导出的是黑底白字、字体错乱或文字发虚。
安装后打开
,填入以下最小必要项:
必须是系统已安装的字体家族名(不是文件名),macOS 可用
查,Windows 请确认字体册里显示的是 “Fira Code”,而非 “FiraCode-Regular”
导出前务必点击右下角语法名称(如
),手动切为
或
;若识别错误,高亮会完全丢失
执行命令时选
,别误点
—— 后者不生成图
pygmentize 命令行导出:轻量、可批量、不依赖 Sublime GUI
适合写脚本、CI 自动化或临时快速生成单文件图,但无法还原 Sublime 特有样式(比如括号匹配高亮、自定义 scope 着色)。
先装 Pygments:
基础命令示例:
参数不对应 Sublime 主题名,
是 Pygments 内置风格,与 Sublime 的
视觉接近但不一致,建议实测对比
若导出文字边缘锯齿严重,加参数
并确保
是整数(如
,非
)
导出后图片模糊/发虚?重点查 DPI 和字体渲染
这不是插件 bug,而是高分屏(尤其是 macOS Retina / Windows 缩放 125%+)下字体光栅化失准导致的常见现象。
仿Sublime和notepad++编辑器效果
仿Sublime和notepad++编辑器效果
下载
确认
为
(ExportHtml 默认是,但某些旧配置可能关了)
必须是整数;小数尺寸(如
)会让 freetype 渲染器放弃亚像素抗锯齿
macOS 用户若用系统默认字体(如 Menlo),建议换为 Fira Code 或 JetBrains Mono —— 它们对等宽+连字+高 DPI 渲染更友好
避免在导出设置中启用
超过 1.0,ExportHtml 对非整数缩放支持不稳定,容易糊
SVG 导出慎用:微信、钉钉、PDF 插入场景基本不可靠
SVG 表面看是矢量,实际在多数平台受限于 CSS 支持度,常出现字体不加载、背景透明失效、行号错位等问题。
ExportHtml 默认生成的 SVG 依赖外部 CSS 文件,微信等环境直接丢弃样式,只剩黑字白底
若坚持用 SVG,必须设
并手动把 CSS 内联进
标签,工作量远超 PNG
长代码自动折行、横向滚动条、阴影/圆角等“美化效果”,SVG 无法可靠渲染,PNG + 后期用
或
加边框才是务实选择
真正卡住人的从来不是“怎么点菜单”,而是字体名写错、语法没手动切换、高分屏下用了小数字号——这些细节不校验,导出一百次还是糊图。
Preferences → Package Settings → ExportHtml → Settings – User{
"export_format": "png",
"font_face": "Fira Code",
"font_size": 14,
"line_numbers": true,
"background_opacity": 0.95,
"antialias": true
}font_facefc-list :familyPlain TextPythonJavaScriptExportHtml: Export to ImageExport to HTMLpip install pygmentspygmentize -f png -O style=monokai,fontname="Fira Code",fontsize=14,linenos=1 -o output.png input.pystylemonokaiMonokai.sublime-color-schemefontscale=1.0fontsize1414.5antialiastruefont_size13.5scale_factor"embedded_css": falsemagickffmpeg