跳到主要内容

指南

分享代码片段最好用的卡片模板

代码值得比截图更好的对待。了解如何把一段代码变成清晰、带语法高亮的卡片图,并为不同场景选对模板。

Chat2Card Team 2026年7月31日5 min read

代码截图很容易"翻车"

终端的照片一旦被聊天软件压缩就会失真:线条变糊、颜色发灰,别人也没法复制代码。把片段渲染成卡片,则在任何尺寸下都保持清晰。

按场景选模板

  • Midnight——深色背景,语法高亮对比最强,最适合发在深色模式的信息流。
  • Tech Blue——冷色调、偏商务,在文档和 Slack 里都很耐看。
  • Classic——干净的浅色卡片,几乎适用于一切的安全默认。

保持简短

卡片不是文件。只展示要紧的那部分:

function toCard(markdown: string) {
  return render(markdown) // 本地解析,从不上传
}

长文件应当用 --- 切成多张卡片,每一页呈现一个完整的代码块。

选对导出比例

屏幕用 2×,要进幻灯片或打印用 3×。把图片复制到剪贴板,粘到任何需要代码的地方即可。