Sublime Text 需通过 ExportHtml 插件导出高亮 HTML,安装后须配置 pygments 引擎并启用 use_pygments,再右键选择对应导出命令;默认 inline style 可能受浏览器限制,可改用外部 CSS 或调整 wrap_lines、pygments_style 等设置。

Sublime Text 本身不提供原生的「导出带高亮的 HTML」功能,必须依赖插件;最稳定、维护活跃、支持主流语言语法的方案是 ExportHtml 插件,不是 SublimeHighlight 或已停更的 HTML-CSS-JS Prettify。
怎么安装 ExportHtml 插件
用 Package Control 安装最可靠:
- 按
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(macOS),调出命令面板 - 输入
Package Control: Install Package并回车 - 搜索
ExportHtml,选中后回车安装 - 安装完成后重启 Sublime(部分版本需重启才生效)
别手动 clone GitHub 仓库——路径错位或缺少依赖(如 pygments)会导致导出失败,报错类似 No module named 'pygments'。
导出前必须配置 Pygments 引擎
ExportHtml 默认用 Sublime 自带的语法着色器,但导出 HTML 时会降级为纯文本或样式错乱;必须显式启用 pygments:
立即学习“前端免费学习笔记(深入)”;
- 打开
Preferences → Package Settings → ExportHtml → Settings – User - 填入以下内容(确保
pygments已通过 pip 安装):
{
"use_pygments": true,
"pygments_style": "default",
"line_numbers": true,
"wrap_lines": true
}
如果没装 pygments,在终端执行 pip install pygments;Mac 用户若用 Homebrew Python,注意别混用系统 Python 的 pip。
怎么导出单文件或整个文件夹的 HTML
右键编辑区 → ExportHtml → 选对应命令即可,常用组合:
-
ExportHtml: Export Current View:导出当前标签页,保留折叠/光标位置等状态(慎用,可能导出不完整) -
ExportHtml: Export All Views:导出所有已打开文件,每个生成独立 HTML -
ExportHtml: Export Open Folders:导出侧边栏里所有已添加的文件夹(递归扫描,支持.gitignore过滤)
导出结果默认存到原文件同目录,后缀为 .html;若想改路径,需在 Settings – User 里加 "export_directory" 字段,值为绝对路径(如 "export_directory": "/Users/me/html-exports")。
导出 HTML 后样式不生效或代码块错位
常见原因不是插件问题,而是输出模式和浏览器环境不匹配:
- 默认导出的是「inline style」HTML,不依赖外部 CSS,但某些企业内网浏览器禁用内联样式 → 改用
ExportHtml: Export with External CSS命令 - 中文注释或全角符号导致换行异常 → 在 Settings – User 中加
"wrap_lines": false关闭自动折行 - 暗色主题下导出的 HTML 是亮色背景 → 修改
pygments_style为vs(VS Code 风格)或monokai,而非default
别指望导出的 HTML 和 Sublime 编辑器里完全一致——字体、行高、字符间距由浏览器渲染引擎决定,ExportHtml 只负责语法标记和基础布局。











