atom不支持一键导出带高亮html，需用highlight-to-html插件生成内联样式的html文件，确保class="xxx"正确且禁用侧边栏以保证渲染准确。
Atom 本身不支持“一键导出带高亮的 HTML”——你看到的彩色代码只是编辑器渲染层的效果，直接复制粘贴或另存为 HTML 都不会保留颜色和缩进。真正能落地的方案只有靠插件生成含 <pre class="brush:php;toolbar:false;"><code class="js"></code> 结构的 HTML 文件，并手动处理样式内联问题。</pre>
prism-highlight 导出的 HTML 为什么在微信/邮件里没颜色
它默认引用 Prism.js 的 CDN CSS（比如 https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism.min.css），而微信、Outlook、钉钉等环境会屏蔽外链或禁止联网加载资源，结果只剩纯文本。
- 打开导出的 HTML 文件，删掉
里的<link rel="stylesheet" href="...">行 - 去 Prism 官方 minified CSS 地址 复制全部内容
- 粘贴进
里新建的<style>...</style>标签中 - 务必检查
<code>标签是否带有class="xxx"（如class="js"），否则内联 CSS 不生效
用 highlight-to-html 替代 prism-highlight 更省事
这个插件默认就把 Prism 或 Highlight.js 的样式内联进 HTML，生成即用，不用手动改文件。尤其适合发邮件、贴进企业微信或飞书文档。
- 在 Atom Settings → Install 中搜
highlight-to-html，安装后重启 - 打开任意源码文件（如
index.js），按Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS） - 输入
Highlight To Html: Export并回车 - 生成的 HTML 已含完整
<style></style>块，且自动适配字体栈（如font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace）和tab-size: 2
导出长图？别信“Atom 直出长截图”这类说法
Atom 没有原生长图导出能力，所谓“神器”其实是用外部工具拼接：先用 prism-highlight 或 highlight-to-html 生成 HTML，再用浏览器打印为 PDF，最后用截图工具（如 PicPick、Snipaste）滚动截成长图。
- Chrome 打开导出的 HTML →
Ctrl+P→ “目标打印机”选“另存为 PDF” → 勾选“背景图形”（否则高亮色丢失） - PDF 转长图推荐使用
pdf2image（Python 库）或在线工具如 ilovepdf.com，注意分辨率设为 150dpi 以上才够清 - 直接滚动截图时，Atom 窗口必须最大化且禁用侧边栏（
Ctrl+\），否则 HTML 渲染宽度不准，代码换行错乱
最容易被忽略的一点：所有导出插件都依赖 Atom 当前文件的 grammar 设置。如果你打开的是 app.wxml 却没配置 customFileTypes，那导出的 <code class="xxx"> 会变成 class="text"，高亮直接失效——得先去 config.cson 里补上映射。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
