[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-77504":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":8,"htmlUrl":8,"language":9,"languages":8,"totalLinesOfCode":8,"stars":10,"forks":11,"watchers":12,"openIssues":13,"contributorsCount":13,"subscribersCount":13,"size":13,"stars1d":14,"stars7d":15,"stars30d":16,"stars90d":13,"forks30d":13,"starsTrendScore":17,"compositeScore":18,"rankGlobal":8,"rankLanguage":8,"license":8,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":8,"pushedAt":8,"updatedAt":23,"readmeContent":24,"aiSummary":25,"trendingCount":13,"starSnapshotCount":13,"syncStatus":26,"lastSyncTime":27,"discoverSource":28},77504,"wechat-publish-template","limin112\u002Fwechat-publish-template","limin112",null,"HTML",228,26,111,0,13,63,117,86,4.29,false,"main",true,[],"2026-06-12 02:03:43","# wechat-publish-template\n\n[![一个 Skill 减少 30 分钟排版 — 创建真正可用的 Skill 完整教程](assets\u002Fpost-cover.jpg)](https:\u002F\u002Fx.com\u002FMinLiBuilds\u002Fstatus\u002F2055980925452968351?s=20)\n\n**配套教程**：[创建真正可用的 Skill 完整教程 — 拆解公众号排版](https:\u002F\u002Fx.com\u002FMinLiBuilds\u002Fstatus\u002F2055980925452968351?s=20) · [@MinLiBuilds](https:\u002F\u002Fx.com\u002FMinLiBuilds)\n\n把 Markdown 草稿一键转成可直接粘贴进微信公众号编辑器的 HTML，统一\"个人技术风\"视觉系统（橙黑赛博朋克：主橙 `#FF5722` + 深黑 `#0A0A0A` + 浅灰 `#F5F5F5`）。\n\n这是一个 [Claude Code Skill](https:\u002F\u002Fdocs.claude.com\u002Fen\u002Fdocs\u002Fagents-and-tools\u002Fagent-skills\u002Foverview)，由 Claude 在识别到合适意图时自动触发。\n\n> **说明**：本仓库只内置一种风格（橙黑赛博朋克），主要作为**教学示例**，演示\"如何把一套公众号视觉规范封装成 Claude Code Skill\"。欢迎 fork 后改色板、改 block 模板、改触发词，做出你自己的风格——`SKILL.md` + `assets\u002Ftemplate.html` + `references\u002Fwechat-html-constraints.md` 就是改造入口。\n\n## 安装\n\n把仓库 clone 到 Claude 的 skills 目录：\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Flimin112\u002Fwechat-publish-template.git ~\u002F.claude\u002Fskills\u002Fwechat-publish-template\n```\n\n或者只放在当前项目里：`.\u002F.claude\u002Fskills\u002Fwechat-publish-template`。\n\n下次启动 Claude Code 即生效。\n\n## 使用\n\n在 Claude Code 里说：\n\n- \"把 `\u002Fpath\u002Fto\u002Fdraft.md` 转成公众号\"\n- \"套公众号模板 \u002F 做公众号排版\"\n- 直接贴一段 Markdown 然后说\"做成公众号文章\"\n\n产物：一个独立 HTML 文件（默认 `\u003C原名>.wechat.html`），全 inline style，无 `\u003Cstyle>` \u002F `\u003Cscript>` \u002F `class`。\n\n发布流程：\n\n1. 浏览器打开生成的 HTML\n2. `Cmd+A` 全选 → `Cmd+C` 复制\n3. 粘贴到公众号编辑器\n4. 图片需要在编辑器里重新上传（HTML 里只是占位）\n\n## 视觉风格\n\n- **主色**：`#FF5722`（橙）\n- **背景**：`#0A0A0A`（深黑） \u002F `#F5F5F5`（浅灰）\n- **正文文字**：`#1A1A1A`\n- **正文宽度**：`max-width: 677px`（公众号最佳值）\n\n本仓库的 skill 只输出这一种风格——这是有意的约束，让 Claude 不会在\"风格自由发挥\"上浪费 token。想要别的风格，**fork 一份改色板和 block 模板**就行（见上方\"说明\"）。\n\n## Markdown → block 映射\n\n| MD 模式 | 对应 block |\n| --- | --- |\n| 文档第一个 `#` 标题 | `cover`（封面） |\n| 标题后 1-3 句开场 | `intro`（导语） |\n| `##` 二级标题 | `numbered-heading`（自动编号 01\u002F02\u002F03） |\n| 普通段落 | `paragraph` |\n| `>` 引用 | `quote` |\n| 含\"结论 \u002F 重点\"关键词的段落 | `callout-key`（重点卡片） |\n| ` ``` ` 代码块 | `code`（行号 + 深色） |\n| 1-3 步骤的数字列表 | `steps`（三列卡片） |\n| `![alt](url)` | `figure`（占位，需手动重传） |\n| `- [x]` 任务列表 | `checklist`（双列勾选） |\n| 文末\"## 总结\" | `summary` |\n| 文末关注引导 | `cta-follow`（黑底 CTA） |\n\n完整 block 标准写法见 `assets\u002Ftemplate.html`。\n\n## 文件结构\n\n```\n.\n├── SKILL.md                              # skill 元数据 + 工作流（Claude 读这个）\n├── assets\u002F\n│   └── template.html                     # 所有 block 的参考实现\n├── references\u002F\n│   └── wechat-html-constraints.md        # 公众号编辑器 HTML 限制速查\n└── evals\u002F\n    └── evals.json                        # skill-creator 评测用例\n```\n\n## 公众号 HTML 限制\n\n公众号编辑器对 HTML 有严格限制，本 skill 已规避：\n\n- 无 `\u003Cstyle>` 块、无外链 CSS、无 `class`（全 inline）\n- 无 JS、无伪元素（`::before` \u002F `::after`）、无 `transform`\n- 图片必须用编辑器上传，外链会被剥\n- 链接会被剥成纯文本（除微信白名单外）\n\n详见 `references\u002Fwechat-html-constraints.md`。\n\n## License\n\nMIT\n","wechat-publish-template 是一个将 Markdown 文档转换为可以直接粘贴到微信公众号编辑器的 HTML 的工具。其核心功能是通过预设的橙黑赛博朋克视觉风格，自动生成符合微信公众号格式要求的文章模板，支持多种 Markdown 元素到特定 HTML 结构的映射。项目以 Claude Code Skill 形式存在，能够自动触发并处理文档转换任务。适用于需要快速制作具有统一视觉风格微信公众号文章的场景，特别适合那些希望减少排版时间同时保持内容一致性的个人或小型团队。此外，用户可以通过 fork 该项目来自定义颜色方案和布局，以适应不同的设计需求。",2,"2026-06-11 03:55:30","CREATED_QUERY"]