代码截图生成器

将代码片段转换为精美的截图图片,支持多种主题和自定义样式,一键下载分享

14px
32px
12px
代码编辑器
实时预览
example.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function fibonacci(n: number): number {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
}

// 计算斐波那契数列前10项
const result = Array.from({ length: 10 }, (_, i) => fibonacci(i));
console.log('Fibonacci:', result);

interface User {
  id: number;
  name: string;
  email: string;
}

async function fetchUser(id: number): Promise<User> {
  const response = await fetch(`/api/users/${id}`);
  return response.json();
}

代码截图生成器使用说明

主要功能

  • 主题切换 - 5种精选代码主题,VS Code Dark+、GitHub、Monokai、Dracula、Solarized
  • 自定义样式 - 字体、字号、内边距、圆角均可自由调整
  • 背景渐变 - 多种精美渐变背景,让截图更吸睛
  • macOS 风格 - 经典的窗口标题栏,带红绿黄圆点
  • 行号显示 - 可选显示行号,更专业
  • 一键导出 - 下载 PNG 图片或复制到剪贴板

使用场景

  • 社交媒体分享代码片段
  • 技术博客配图
  • PPT 演示代码展示
  • 代码审查截图
  • 简历作品集展示
  • 在线教程配图

常见问题

相关工具