小丫开发工具站
返回工具合集
💻 代码卡片美化生成器
在线生成美化代码卡片图片,支持多语言语法配色、自定义渐变背景,一键导出高清PNG图片,适合小红书掘金公众号技术文章配图
参数设置 & 实时预览
📝 粘贴代码文本
function greet(name) { // Say hello const message = `Hello, ${name}!`; console.log(message); return message; } greet("World");
🔤 编程语言
TypeScript
JSON
CSS
C++
JavaScript
Go
Python
HTML
Rust
SQL
Java
🎨 编辑器配色主题
🌈 卡片背景样式
📏 卡片内边距
32px
📐 窗口圆角
12px
🔤 代码字体大小
14px
⚙️ 显示选项
显示行号
窗口圆点
标题栏
📄 窗口文件名
📥 导出PNG图片
实时预览效果
example.js
工具使用说明
代码卡片美化生成器,用来快速制作高颜值代码卡片图片,对标Carbon在线代码卡片工具,无需安装软件,浏览器直接操作。
支持JavaScript、Python、HTML、CSS、Java、SQL、JSON、Go、Rust、TS等多种编程语言,内置多款主流编辑器配色主题。
可以自定义渐变背景、卡片边距、窗口圆角、代码字号,支持开关行号、mac窗口圆点、顶部标题栏,自由调整卡片外观。
制作好的代码卡片一键导出高清PNG图片,适合技术小红书笔记、掘金博客、公众号技术推文、知乎文章配图、技术分享PPT素材。
使用方法:粘贴代码内容 → 选择对应编程语言 → 挑选编辑器主题与背景渐变 → 调整样式参数 → 预览满意后直接导出图片。
导出图片分辨率高清,文字清晰,无水印,前端程序员、编程讲师、技术内容创作者可以直接拿来做内容分享配图。
支持复制粘贴任意代码片段,代码中的注释、换行都会完整保留,实时预览可以立刻看到修改后的卡片效果。
操作完成