高亮代码生成图片
在线代码高亮生成图片工具,支持 JS/TS/Python/Go/Java/Rust/C++ 等 190+ 语言,可选 GitHub/Night/Monokai/Atom One Dark 等 8 套主题,自定义字体、字号、内边距、圆角与水印,纯前端 html2canvas 截图,保护隐私。
工具说明
高亮代码生成图片 是一款纯浏览器的代码截图工具:左侧编辑代码、调节样式,右侧实时预览,一键生成可分享的代码长图。功能要点:
- 支持 highlight.js 已注册的常用语言(JavaScript / TypeScript / Python / Go / Rust / Java / C / C++ / C# / SQL / YAML / Bash / JSON / HTML / CSS 等),下拉框可筛选输入
- 8 套精选主题:GitHub / Atom One Light / GitHub Dark / Atom One Dark / Monokai / Nord / Night Owl / Tokyo Night Dark
- 可调字号、行高、内边距、圆角、阴影强度、字体、自定义背景与底部水印
- 显示行号 / 显示语言标签 / 显示窗口红黄绿圆点 → 三组独立开关,可自由组合
- 点击「下载 PNG」即可保存 2x 倍率(Retina)高清图片;也可直接复制图片到剪贴板,或复制完整高亮 HTML 用于嵌入博客/笔记
- 在「代码」框输入或粘贴代码(也可点示例按钮快速体验)
- 选择语言,调节主题与样式参数,预览实时更新
- 满意后点击「下载 PNG」得到带高亮的代码截图