markdown-to-image
Markdown 转精美图片
将 Markdown 内容渲染为精美的分享海报图片,适合微信、小红书、微博等平台。
核心特性
- 固定 3:4 比例(1080×1440 像素)
- 自动分页 - 内容较多时生成多张图片
- 智能 SVG 头图 - 根据主题关键词自动生成相应风格的手绘线条图
- 智能标题 - 自动提取嘉宾名和主题,格式为「嘉宾:主题」
- 白色背景 + 大字体 - 清晰易读,专业排版
- 自适应布局 - 内容均匀分布,减少留白
- 宽字间距行间距 - 参考优秀海报排版
快速开始
基本用法
# 转换 Markdown 文件为图片(自动分页)
python3 scripts/md_to_image.py --file /path/to/content.md
# 指定输出目录
python3 scripts/md_to_image.py --file /path/to/content.md --output-dir /path/to/output
# 调整每页条目数
python3 scripts/md_to_image.py --file /path/to/content.md --items-per-page 4
参数说明
| 参数 | 说明 | 默认值 |
|---|---|---|
--file, -f |
Markdown 文件路径 | 必填 |
--output-dir, -o |
输出目录 | attachments/MMDD |
--width, -w |
图片宽度(像素) | 1080 |
--items-per-page |
每页显示条目数 | 5 |
输出规格
- 比例: 固定 3:4(1080×1440 像素)
- 格式: PNG
- 分页: 自动根据内容生成多张图片
- 命名:
page_1.png,page_2.png, ... - 保存位置: 默认
attachments/MMDD(MMDD 为当日日期)
智能 SVG 头图
根据文章主题自动生成不同风格的 SVG 装饰图:
| 主题关键词 | 生成的 SVG 风格 |
|---|---|
AI、AGI、通用 |
神经网络节点 → 大脑 → 对话泡泡 |
开源、open source |
开源符号 → 代码括号 → 分享图标 |
| 其他(默认) | 麦克风 → 声波 → 人物对话 |
SVG 特点:
- 手绘风格,黑色线条白底
- 宽幅 16:9 比例
- 140px 高度,居中显示
- 底部带主题文字标签
智能标题提取
自动从 Markdown 元信息中提取嘉宾和主题:
输入格式:
# 播客名称
> **嘉宾**: Sebastian Raschka(LLM研究员)
> **主题**: 2025年AI技术趋势
输出标题:Sebastian Raschka:2025年AI技术趋势
Markdown 格式处理
| 格式 | 渲染效果 |
|---|---|
# 标题 |
自动提取并组合为「嘉宾:主题」 |
> **嘉宾**: ... |
提取嘉宾名(移除 **) |
> **主题**: ... |
提取主题内容 |
**加粗** |
红色加粗文字(移除 ** 标记) |
1、2、3、 |
红色圆形数字编号 |
"引用内容" |
蓝色高亮引用 |
工作流程
当用户请求将 Markdown 转为图片时:
-
确定输入内容
- 如果用户指定了文件路径,使用该文件
- 如果用户当前打开了 Markdown 文件,默认使用该文件
-
自动处理
- 提取嘉宾和主题生成标题
- 根据主题关键词生成相应 SVG 头图
- 提取短版摘要(
📱 短版摘要部分) - 移除所有
**markdown 标记,转为真正的加粗样式 - 根据条目数量自动分页
-
输出结果
- 返回所有图片路径给用户
- 图片保存在
attachments/MMDD目录
常见用法
| 用户说 | 操作 |
|---|---|
| 「把这个转成图片」 | 转换当前打开的 Markdown 文件 |
| 「生成分享海报」 | 同上 |
| 「这个播客摘要转图片」 | 转换播客摘要文件 |
| 「Markdown 转图片」 | 同上 |
依赖
脚本依赖以下 Python 包:
playwright- 浏览器自动化渲染markdown- Markdown 解析requests- 网络请求(备用)
首次使用需安装:
pip3 install playwright markdown requests
playwright install chromium
更新日志
v1.1 (2026-02-01)
- ✅ 智能 SVG 头图:根据主题关键词自动生成相应风格
- ✅ 智能标题:自动提取「嘉宾:主题」格式
- ✅ 移除
**标记:元信息和正文中的 markdown 加粗正确转换 - ✅ SVG 更大更醒目:140px 高度,600px 宽
- ✅ 优化排版:更大字体、更宽间距、自适应布局
v1.0 (2026-02-01)
- 初始版本
- 固定 3:4 比例
- 自动分页
- 白色背景设计
More from zephyrwang6/draw-skill
chart-craft-plus
|
11mermaid-generator
将任意文本、工作流、逻辑转换为清晰简约的 Mermaid 流程图。支持 flowchart、sequence、class 等多种图表类型。使用场景:(1) 需要可视化工作流程,(2) 将文档/对话转为流程图,(3) 创建系统架构图,(4) 生成时序图/类图。自动保存到 Obsidian 画板目录,按日期和主题分类。
9text-logic-diagram
将文本内容进行逻辑拆解,生成精准的逻辑关系 SVG 图。支持递进、流程、循环、层次、对比、矩阵六种关系类型。当用户提供文本段落、文章、论述内容并要求生成逻辑图、思维导图、关系图、流程图时触发。支持中文,一次可拆解多张图。
9canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
7gemini-image
当用户想要生成图片、画图、绘画、创建图像、AI作画时使用此 Skill。支持文生图和图生图。
7baoyu-image-gen
AI image generation with OpenAI, Google and DashScope APIs. Supports text-to-image, reference images, aspect ratios. Sequential by default; parallel generation available on request. Use when user asks to generate, create, or draw images.
7