Code Snippet Image Mcp Server

代码片段图片 MCP 服务

一个 MCP（Model Context Protocol）服务，可生成精美的代码片段图片，用于发布到社交媒体。

演示

📹 观看演示视频

观看 MCP 服务实时生成精美的代码片段图片

功能

• 精美代码图片：生成带语法高亮的精美代码片段图片
• 多种主题：支持 Dracula、Monokai、GitHub、Solarized Dark/Light 主题
• 语法高亮：支持多种编程语言
• 可自定义：可配置尺寸、主题和样式选项

安装

npm install
npm run build

配置

将其添加到 MCP 配置文件中：

{
  "mcpServers": {
    "code-snippet-image-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "code-snippet-image-mcp-server",
        "/custom/output/directory"
      ]
    }
  }
}

该服务接受一个可选的输出目录作为第一个命令行参数。如果未提供，则默认使用当前工作目录下的 ./output。

用法

MCP 服务提供一个主要工具：

create_code_image

生成精美的代码片段图片：

参数：

• code（字符串，必填）：要转换为图片的代码
• language（字符串，可选）：用于语法高亮的编程语言（默认值："javascript"）
• theme（字符串，可选）：配色主题（默认值："dracula"）
• title（字符串，可选）：代码片段的标题
• width（数字，可选）：图片宽度，单位为像素（默认值：800）
• height（数字，可选）：图片高度，单位为像素（未指定时自动设置）
• padding（数字，可选）：代码窗口周围的内边距，单位为像素（默认值：52）
• backgroundColor（字符串，可选）：自定义背景颜色（覆盖主题背景色）
• showLineNumbers（布尔值，可选）：显示或隐藏行号（默认值：true）

示例：

{
  "code": "const hello = () => console.log('Hello, World!');",
  "language": "javascript",
  "theme": "dracula",
  "title": "Hello World Function",
  "width": 800,
  "height": 600,
  "padding": 52,
  "showLineNumbers": true
}

支持的主题

Dracula（默认）

Monokai

GitHub

Solarized Dark

Solarized Light

支持的语言

该服务使用 highlight.js 进行语法高亮，并支持 highlight.js 支持的所有语言，包括：

• JavaScript/TypeScript
• Python
• Java
• C/C++
• Go
• Rust
• PHP
• Ruby
• 以及更多……

输出

生成的图片会保存到指定的输出目录（或默认的 ./output）中，并带有时间戳。

许可证

MIT