正在加载页面

高亮代码生成图片

在线代码高亮生成图片工具,支持 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 用于嵌入博客/笔记
如何使用:
  1. 在「代码」框输入或粘贴代码(也可点示例按钮快速体验)
  2. 选择语言,调节主题与样式参数,预览实时更新
  3. 满意后点击「下载 PNG」得到带高亮的代码截图
隐私说明:全部渲染与截图均在浏览器本地完成,代码不会上传到任何服务器,适合在分享代码片段时保护隐私。

相关工具