开发者工具

面向开发者的文章：JSON、JWT、正则、Git、编码转换、API 调试，以及能提效的在线工具。聚焦工程日常问题的实用干货。

全部 AI 教程 Claude 指南开发者工具文档处理实用工具踩坑实录 AI 提示词

GitHub 官方下场做 Stacked PR：长分支地狱有救了，但别急着全团队推广

GitHub 官方发布 gh-stack，把堆叠式 PR 从第三方插件变成官方工作流。本文拆解堆叠 PR 机制、为什么官方下场是大事、十分钟上手命令，以及四个不该用的场景。

developer2026年8月2日13 min

nginx 加了真实 IP，我的 VLESS 全挂了：一次 PROXY protocol 不对称引发的排查实录

给 sing-box 套 nginx 加真实 IP，三行配置干掉了整个 VLESS 节点。本文拆解 PROXY protocol 两端不对称、real_ip 信任范围过大、stream 与 http 模块混用四个坑，附正确配置模板和验证方法。

developer2026年8月2日25 min

246

私有仓库的文章如何自动同步到公开镜像站：GitHub Actions 跨仓库推送方案

如果你有一个私有 GitHub 仓库存放代码和文章，但又希望文章内容公开可访问，可以通过公开镜像仓库 + GitHub Actions 自动同步来实现。本文记录了一次完整的实施过程，包括跨仓库 Token 配置、同步工作流设计和常见注意事项。

cicdgithub-actions+4

developer2026年7月23日4 min

370

Docker 镜像从 arm64+amd64 砍到单平台：一次 CI 磁盘爆炸的踩坑复盘

GitHub Actions 构建 Docker 镜像频繁报 No space left on device，排查发现 arm64 镜像从来没用过、基础镜像用了完整的 Debian、CJK 字体装了全套 150MB。砍掉 arm64 后构建从 28 分钟降到 10 分钟，镜像瘦身 120MB+。这篇复盘整个排查和优化过程。

dockercicd+5

developer2026年7月22日4 min

358

CN2 GIA 是什么？从 Linode 搬到 DMIT 之后，我才明白线路比配置重要

Linode 用了 14 年的老用户，为什么把主力迁到了 DMIT？关键不在 CPU 内存，在线路。这篇讲清 CN2 GIA 到底是什么、怎么用一条 traceroute 鉴别真假 GIA、测速图上哪个数字才值得看，附国内晚间 200Mbps 实测图。

cn2-giavps+4

developer2026年7月20日7 min

594

公司给了一套 Claude Code，我还留着自己订阅的那份：cooconscc 双入口实践

公司 API 通道走默认 claude，个人订阅走一个叫 cooconscc 的 shell function——开代理、校验 JP 出口 IP、unset 公司变量、跑 claude、退出恢复。这篇讲为什么这么设计，以及值不值。

claude-codeai-工具+3

developer2026年4月21日7 min

1188

颜色转换完全指南：HEX、RGB、HSL 与现代 CSS 配色（2026）

前端工程师每天都在做颜色转换。本指南对比 HEX、RGB、HSL、OKLCH 四大主流格式的优劣，给出转换公式与 JavaScript 代码，覆盖 Figma 落地、暗色模式、主题色阶生成、WCAG 对比度等实战场景，并讲解 2026 年现代设计系统的工程化最佳实践。

前端工具颜色转换+3

developer2026年4月21日5 min

1065

URL 编码与解码完全指南：开发者必读（2026）

URL 编码（百分号编码）是 Web 基础设施的隐形骨架。本文详解 URL 编码原理、保留字符分类、encodeURI 与 encodeURIComponent 区别、5 大常见踩坑，以及在 OAuth、表单提交等典型场景下的实战技巧。

url-编码web-开发+2

developer2026年4月21日5 min

665

UUID 生成器怎么用：批量生成 v4 UUID 并切换多种格式

介绍 MagicTools UUID 生成器的使用方法，支持批量生成 v4 UUID、大小写切换和多种输出格式。

在线工具开发工具+2

developer2026年4月17日2 min

480

Hash 生成器使用教程：MD5、SHA-1、SHA-256、SHA-512 一次生成

介绍 MagicTools Hash 生成器的用法，适合开发调试、校验文本摘要、快速生成 MD5 和多种 SHA 哈希值。

hashmd5+2

developer2026年4月17日2 min

390

CSS 生成器怎么用：圆角、阴影、渐变和 transform 可视化生成

介绍 MagicTools CSS 生成器的实际用法，适合前端开发、页面调样式、快速生成圆角、阴影、渐变和变换代码。

在线工具css生成器+2

developer2026年4月17日2 min

328

Web 性能优化完全指南：15 个技巧 + 本站 Lighthouse 实测，同站页面移动端 LCP 从 1.9 秒到 11.8 秒

系统梳理图片、资源加载、网络传输、运行时四大维度的 15 个优化技巧，附 2026-09-16 本机实测：用 Lighthouse 13.4.1 对本站 4 个页面跑移动端 + 桌面端各 3 轮（24 次），桌面端 86 到 100 分，移动端 LCP 从文章页 1.88 秒到 Markdown 编辑器页 11.81 秒；挖出首页 LCP 元素竟是 cookie 横幅、1.48MB 代码高亮包拖垮编辑器页，以及 Lantern 模拟节流把「屏蔽第三方脚本」算成负收益、要用 devtools 真节流才能裁决的坑。

core-web-vitals性能优化+3

developer2026年3月18日15 min

741

加载中...

试试这些免费在线工具

JSON 格式化JSON 格式化、压缩、验证、转义，支持语法高亮、代码折叠、编辑器内查找和错误行列定位正则测试器实时测试正则表达式，高亮显示匹配、分组详情、flags 切换，离线可用 JWT 解码器解码 JWT Token，展示 Header、Payload 和签名，显示过期状态和标准声明，完全本地哈希生成器生成 MD5、SHA-1、SHA-256、SHA-512 哈希值，完全本地计算，不上传数据 Base64 编解码Base64 编码和解码工具，支持 UTF-8，一键复制和下载 SQL 格式化格式化美化 SQL 查询语句，支持关键字大小写、自定义缩进和语法高亮，也可压缩为单行。