我做了个把代码变成好看图片的小工具，叫 Panda
说实话，我以前发代码图的时候，总有种“内容挺不错，就是图差点意思”的感觉。
普通截图当然也能用，信息是有了，可真放到掘金、公众号或者演示页里，味道就总差那么一点。背景太素、窗口太硬、边距太挤，最后看起来就像一张顺手截出来的图，而不是认真整理过的内容。
我自己被这事折腾久了，干脆动手做了个工具，叫 Panda。它想解决的事很简单，就是把代码变成一张更像作品的图，让我发内容的时候少一点重复劳动，多一点顺手。
为啥会有这东西
我做 Panda 的起点其实挺朴素的。
我不想每次写完代码之后，还要再跑去开 Figma，不停调样式，翻背景图，改来改去，最后才勉强弄出一张能发的图。真的太磨人了，不是吗？
所以我就想，要不干脆把这件事收进一个页面里。代码直接放进去，风格直接选，背景直接换，导出直接拿走。别绕路，别折腾，最好一次就差不多到位。
Panda 就是这么来的。它不是想替代 IDE，也不是想变成啥万能设计软件，它就是专门盯着“代码怎么变成好看的图”这件事下手。
它到底帮我省了啥
我最在意的其实就三件事。
一是截图别太普通。普通截图能看，但不太像内容作品。Panda 会把代码塞进更完整的视觉包装里，至少让它在文章封面、社交卡片、演示页这些地方不那么单薄。
二是样式别太散。很多工具的问题不是不能做，而是每次都得重新调。Panda 把主题、背景、窗口样式、透明感、阴影、水印这些东西都做成了可切换的配置，我不用每次都从头来一遍，挑一套顺眼的就行。
三是导出别太慢。这个我真的很在意。很多工具预览挺好看，一到导出就开始掉链子。我更希望看到什么，导出来就基本是什么，别让我二次返工。
我平时是怎么用它的
我的用法其实挺日常的。
我一般先把代码贴进去，再切到合适的语言高亮。然后看内容气质，挑一个更搭的主题。有些代码适合冷一点、稳一点的深色风格，有些就更适合干净一点的浅色风格，这个真的得看具体内容，硬套没啥意思。
接下来我会换背景。Panda 支持纯色、渐变、图片，还有一些内置预设，所以我不用老是盯着同一套样子。做技术文章配图的时候，我喜欢背景有点层次，但又不能把代码自己压住，不然就本末倒置了。
差不多都顺眼了之后，我就直接导出。通常会导成适合发布的图片格式，然后拿去配文章标题图、正文插图，或者直接放进演示页里。整个过程很短，短到我甚至会觉得，怎么以前要为这个浪费那么多时间啊。
我最喜欢的其实不是“功能很多”
说真的，我没那么在意它按钮有多少，我更在意的是它能不能让我快点出图。
同一段代码，Panda 可以很快换出好几种感觉。
如果我想要更稳一点、正式一点，我就会选更克制的布局。
如果我想让它更像一张文章封面，那我就会把背景、窗口和留白再往“有点张力”的方向调一调。
我喜欢的就是这个过程，不是每次都从零开始，而是同一份内容，能很快变成不同场景里都能用的样子。
这些样例想表达的东西其实很简单
下面这些导出样例，我基本就是拿来说明一件事的。
Panda 不只是给代码套个壳，它更像是一个给技术内容做视觉表达的画布。
同样是代码，背景一换、窗口一换、留白一换，整个气质就完全不一样了。这个变化挺微妙，但又真的很重要。
我做这个工具时一直盯着哪些点
编辑体验得顺。我要能直接输入、粘贴、切语言、调字号、换背景，别把我卡在复杂流程里。
视觉系统得稳。预设、背景、窗口、阴影、水印这些东西不能互相打架，得一起配合，出来的图才会干净。
导出得靠谱。PNG、JPG、WebP、SVG 这些常见格式都得能处理，而且最后拿到的得是能直接发出去的成品，不是半成品。
配置也得留得住。因为这种工具最烦的一点就是每次打开都得重来一遍。Panda 里我尽量把常用配置、导入导出和状态都保留下来，省得我老重复干同一件事。
如果你也经常要发代码图
要是你平时也会做这些事：
- 发掘金文章
- 给公众号配图
- 做技术分享 PPT
- 整理一段代码给别人看
那你大概率也懂这种感觉：截图太朴素，排版太费时间，风格还很难统一。每次都弄一遍，真的有点烦。
Panda 就是我给这个场景做的一个小工具。它不想搞得特别夸张，也不想替你做所有事，它只是把“把代码变成好看的图”这件事，尽量弄得顺一点。
我把它做成了什么样
现在它已经有这些能力了：
- 代码输入和高亮
- 背景系统
- 窗口样式
- 导出菜单
- 复制和快速分享
- 本地持久化
- 自定义预设
- 随机图片背景能力
如果你想先看看成品，直接打开在线体验就行。
结尾
我做 Panda 的想法一直挺直接的。
不是为了再造一个大而全的工具，而是为了让我自己在“写完代码之后，怎么把它讲得更好看一点”这件事上，少一点重复劳动，多一点确定性。
如果你也经常需要把代码整理成一张更像作品的图，那 Panda 可能就挺对路的。
