Skip to content

loveyxh/wechat-typesetting-cy

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

✍️ wechat-typesetting-cy — 微信公众号多模板排版技能

将纯文本或 Markdown 自动转换为精美排版的 HTML,直接复制粘贴到公众号编辑器即可发布。

功能特性

  • 多模板支持 — 内置两套视觉风格,覆盖不同类型文章
  • 自动选模板 — 根据文章内容智能匹配最合适的模板
  • 全内联样式 — 生成的 HTML 完全兼容微信公众号编辑器
  • 浏览器预览 — 自动打开浏览器预览排版效果,所见即所得
  • 排版检查 — 对已有 HTML 进行规范性检查并给出改进建议

可用模板

模板 视觉风格 适合内容
blue-minimal 白底蓝色,衬线字体,杂志感 深度分析、思考、随笔、观点文
dark-tech 黑底橙红,无衬线,卡片化 产品介绍、科技报道、数据驱动

安装使用

添加为 Claude Code 技能

# 方式一:通过 claude skill 命令安装
claude skill add --url https://github.com/CY-CHENYUE/wechat-typesetting-cy

# 方式二:手动添加
# 将本仓库克隆到本地,在 Claude Code 的 settings.json 中添加技能路径

触发方式

在 Claude Code 对话中使用以下关键词即可触发:

  • "帮我排版"、"公众号排版"、"排版成微信格式"
  • "蓝色模板"、"暗黑模板"、"科技风排版"
  • "微信文章"、"公众号文章"、"发公众号"

使用流程

  1. 给 Claude 你的文章内容(纯文本或 Markdown)
  2. 技能自动选择合适模板(也可手动指定)
  3. 生成排版后的 HTML 文件,保存到 output/ 目录
  4. 自动在浏览器中打开预览
  5. 选中内容 → 复制 → 粘贴到公众号编辑器

目录结构

wechat-typesetting-cy/
├── SKILL.md                        # Claude Code 技能定义
├── README.md
├── assets/
│   ├── wechat-qr.jpg              # 联系二维码
│   └── templates/                  # HTML 模板文件
│       ├── blue-minimal.html      # 蓝色极简模板
│       └── dark-tech.html         # 暗黑科技模板
├── references/                     # 样式规范文档
│   ├── guidelines.md              # 通用排版规范
│   ├── blue-minimal.md            # 蓝色极简样式规范
│   └── dark-tech.md               # 暗黑科技样式规范
└── output/                         # 排版输出目录(不纳入版本控制)

扩展新模板

添加新模板只需 3 步:

  1. 添加 assets/templates/{模板名}.html — HTML 模板文件
  2. 添加 references/{模板名}.md — 样式规范文档
  3. SKILL.md 的"可用模板"表格和"组件映射"部分添加对应内容

许可证

MIT License


联系作者

扫码加微信,交流反馈

WeChat QR Code

About

微信公众号文章多模板排版技能

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • HTML 100.0%