如果这个工具帮到了你,可以请作者喝杯咖啡 ☕
将代码片段一键生成精美截图,支持多语言高亮和自定义主题。
你什么时候用得上它?
我们一起来用一段真实的Python代码试一试。假设你想分享一个用matplotlib绘制正弦曲线的脚本。
步骤1:粘贴代码
在“代码内容”输入框中粘贴以下代码:
import numpy as np
import matplotlib.pyplot as plt
x = np.linspace(0, 2*np.pi, 100)
y = np.sin(x)
plt.plot(x, y)
plt.title('Sine Wave')
plt.show()步骤2:选择编程语言
点击“编程语言”下拉菜单,选择“Python”。工具会自动识别语法并进行高亮。
步骤3:挑选主题
在“主题”下拉菜单中,我们选“Monokai Pro”,这是一个暗色系的流行主题,适合代码展示。
步骤4:调整外观
· 字号:保持默认14px
· 背景颜色:保持主题默认(深灰)
· 是否显示行号:点开开关,设为“是”
· 边框圆角:设为12px,让截图更柔和
步骤5:生成并保存
点击“生成截图”按钮。工具会在右侧实时渲染出预览图。你可以看到代码被高亮、行号清晰、背景渐变、圆角边框。满意后点击“下载PNG”按钮,一张800×400左右的高清截图就保存在本地了。
结果解读:生成的图片宽度默认自适应代码长度,高度根据行数动态调整。我们这张截图里,代码从第1行到第7行,行号左侧有灰色竖线区分,关键字(import, def等)显示为紫色,函数名(np.linspace等)为蓝色,字符串为绿色。整体视觉效果非常清楚,可以直接用于博客配图。
工具的输出是一张PNG图片,你可以直接查看预览。需要注意几个关键点:
Q1:这个工具支持哪些编程语言?
A:我们内置了30+种语言的语法高亮,包括Python、JavaScript、TypeScript、Java、HTML/CSS、C++、Go、Rust、SQL等。如果列表里没有,可能是稀有语言,建议先选“Plain Text”纯文本模式。
Q2:生成的图片背景能透明吗?
A:可以。在“背景颜色”设置里选择“透明”选项(或输入#00000000),图片背景就会变成透明,方便你叠加在其他背景上。注意透明背景在深色模式下可能看不清代码,需要配合亮色主题使用。
Q3:如何让截图带水印?
A:我们工具本身不加水印。如果你需要保护版权,可以在生成后使用其他图片编辑工具加文字水印。我们建议直接在图片角落加个小Logo。
Q4:截图可以设置固定尺寸吗?
A:目前工具是自适应尺寸,根据代码长度和行数自动生成最佳宽度和高度。如果你需要统一尺寸(比如800×600),可以在下载后用画图软件裁剪或缩放。
Q5:我在移动端能使用吗?
A:可以。我们的页面适配手机屏幕,不过由于代码输入和选项较多,建议在平板或电脑上操作体验更好。手机浏览器也能正常生成和下载图片。