代码着色(26 种语言)
网络所有处理都在浏览器本地完成,数据不上传服务器
输入
把文件拖到这里可直接载入
输出
把一段代码染上颜色,方便贴到别处。有两条路径:预览模式下页面直接显示着色后的代码块,选中它复制,浏览器会连样式一起放进剪贴板 —— 粘进 PPT、Word、邮件里颜色都还在,这是最省事的做法,不需要任何特殊操作。HTML 模式则产出一段内联样式的 HTML 源码,粘到博客、静态站点、邮件模板里都能直接用。用内联样式而不是 class,是因为贴过去的地方没有本站的 CSS,`class="hljs-keyword"` 到了那边只是一串没有颜色的字。配色与站内保持一致(亮色 / 暗色两套可选)。
功能
- 26 种语言:JavaScript、TypeScript、Python、Go、Rust、Java、C++、C#、PHP、Ruby、SQL、YAML、JSON、XML 等
- 预览模式:选中复制即带颜色,直接粘进 PPT 与 Word
- HTML 模式:内联样式的 HTML 源码,贴到任何支持 HTML 的地方都有颜色
- 亮色与暗色两套配色,与站内代码块一致
- 不需要任何操作就能预览 —— 输入即着色
- 超过 2 万字符时明确退回纯文本,不会把页面卡住
使用方法
- 把代码粘进输入框,选好语言
- 预览模式下直接看到着色后的样子
- 要贴进 PPT 就选中它复制;要贴进网页就切到 HTML 模式复制源码
- HTML 模式可以选亮色或暗色配色
常见问题
- 怎么把带颜色的代码贴进 PPT?
- 在预览模式里用鼠标选中着色后的代码块,Ctrl+C(Mac 是 ⌘+C),到 PPT 里直接粘贴 —— 浏览器会把 DOM 连同它的样式一起写进剪贴板,所以颜色会保留。不要用「复制全部」按钮,那个取的是纯文本,贴出来没有颜色。
- HTML 模式为什么要用内联样式?
- 因为贴过去的地方没有本站的 CSS。如果输出的是 `class="hljs-keyword"`,到了你的博客里就只是一串没有颜色的字 —— 高亮器的类名只有在配套样式表存在时才有意义。内联样式把颜色写在每个标签上,到哪里都成立。
- 支持多少种语言?
- 26 种,覆盖日常开发用到的主要语言与配置格式。这份清单是按实际体积筛过的:每多注册一种语言的语法,页面就要多下载一份解析规则。所以要加语言之前会先量一下代价(README 里记了方法)。
- 代码会上传吗?
- 不会。着色完全在浏览器里完成,页面不发送任何请求 —— 内部代码不会离开这台设备。
相关工具
JSON 格式化
格式化在线 JSON 格式化与校验工具:树形折叠浏览、搜索键值、逐节点改值与删除、语法错误定位到具体行列,输入框带行号与高亮。全部在浏览器本地完成。
Shell 格式化
格式化给 Shell 脚本按结构缩进:if/fi、for/done、case/esac 与函数体都会对齐。只改行首空白,heredoc 与跨行字符串逐字保留。
CSS 格式化
格式化在线 CSS 格式化与压缩:规则块展开、声明逐行、选择器列表一项一行,压缩只删结构位置的空白,保留 margin: 0 auto 这类有语义的空格。
URL 解析
网络在线 URL 解析:拆出协议、主机、端口、路径、查询参数与锚点,参数逐个解码并与原始值对照,缺协议自动补 https://。全部在浏览器本地完成。
UA 解析
网络在线 User-Agent 解析:识别浏览器、版本、操作系统、设备类型与渲染引擎,并列出命中的匹配规则。结果基于模式匹配,仅供参考。全部在浏览器本地完成。
HTTP 状态码
网络HTTP 状态码查询与速查:输入编号查含义、1xx 到 5xx 分类、常见场景与排查提示,也能用关键词反查编号。全部在浏览器本地完成。