必须装ExportHtml插件、手动设置正确语法、用ExportHtml: To File导出为.html文件——三步缺一不可,否则博客中代码将出现灰文本、乱码、样式丢失或HTML标签解析异常。

不能一键,但可以三步完成:装插件、设语法、导出为 .html 文件——跳过任何一步,粘到博客里就是纯灰文本或乱码。
必须装 ExportHtml,别碰 Copy as HTML 或 SublimeHighlight
Copy as HTML 只输出 <div class="highlight"> 片段,没 <html> 结构,粘到语雀、Notion、知乎编辑器里样式全丢;SublimeHighlight 在 ST4 下常漏高亮(尤其 TypeScript 的 const、as 等新作用域),且默认生成的 HTML 会把 <script> 当标签解析——你代码里的 <div> 直接消失。ExportHtml 是目前唯一持续更新、正确映射 Sublime 主题色和语法作用域的插件。
- 按
Ctrl+Shift+P(Win/Linux)或Cmd+Shift+P(macOS),输入Package Control: Install Package回车 - 搜
ExportHtml(注意结尾**没有数字**,不是 ExportHtml2 或 ExportHTML) - 安装后必须重启 Sublime,否则右键菜单不出现
Export Html选项
导出前不手动设 syntax,高亮就没了
插件完全依赖 view.settings().get("syntax"),跟文件后缀无关。你打开一个 main.ts,右下角显示 Plain text,导出就是黑底白字;粘一段 JSON 没点右下角改成 JSON,照样无高亮。
- 点击右下角语法名(如
Plain text)→ 选对应语言:TypeScript、Markdown、JavaScript (Babel) - Markdown 要特别注意:必须设成
Markdown,不是Plain text或GitHub Markdown,否则 heading、code fence 全部失效 - 中文乱码?菜单
File → Reopen with Encoding → UTF-8,别用UTF-8 with BOM
用 ExportHtml: To File,别按快捷键瞎导
Ctrl+Alt+X(Win)或 Cmd+Alt+X(macOS)走的是默认配置,容易翻车:背景过暗、长行强制折断、行号挤进代码区、甚至 <pre> 标签被当普通文本显示出来。
立即学习“前端免费学习笔记(深入)”;
- 调出命令面板 → 输入
ExportHtml: To File→ 回车 - 保存时**必须输
.html后缀**(如snippet.html),否则浏览器打不开 - 弹窗里重点检查三项:
full_page(必须勾)、color_scheme(从下拉选,别手填路径)、wrap_lines(建议关,否则fetch(url).then(可能被拆成两行) - 想只导选中部分?先选中再执行命令,插件自动识别
粘到博客前,先开浏览器验证三件事
生成的 snippet.html 双击打开后,立刻看:
- 有没有乱码或方块符号?→ 源文件编码不是 UTF-8
- 背景是不是黑得看不见字?→ 深色主题导出后默认用
inline_dark,可在Preferences → Package Settings → ExportHtml → Settings – User加"html_style": "inline_light" - 代码里
<div>、&是否显示异常?→ 插件默认不转义 HTML 字符,得提前用正则替换:<→,<code>&→&
真正卡住人的从来不是“怎么装”,而是导出后发现博客里代码颜色不对、缩进错位、中文糊成一片——这些全在导出前那三秒设置里定死了。



















