[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6F620N28W9Y05YYY86F3KMC":3,"skill-same:01M6F620N28W9Y05YYY86F3KMC":70},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":28,"publishedAt":41,"linkOnly":42,"markdownContent":43,"markdownBody":44,"frontMatter":45,"refName":47,"commitSha":48,"skillDirectory":49,"forksCount":50,"repositoryHtmlUrl":51,"repositoryHomepageUrl":52,"ownerHtmlUrl":53,"ownerBlogUrl":6,"ownerDescription":54,"updatedAt":55,"install":56,"resources":69},"01M6F620N28W9Y05YYY86F3KMC","wechat-article-formatter",null,"将 Markdown 文章转换为微信公众号 HTML 格式，支持自动插入配图、微信样式优化。","ComeOnOliver\u002Fskillshub","ComeOnOliver","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F43215937?v=4","01M6E5JNFECJAAVFE0W7SMWWD2","Haoran Shu","01M6E5JNNDQS7AJZDYFQ8TPZCK",67,"MIT","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fhuangserva\u002Fservasyy_skills\u002Fwechat-article-formatter\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000018","写作与文案","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000036","内容创作者","PROFESSION","适用职业",[29,30,31,32,33,34,35,36,37,38,39,40],"wechat","article","wechat article","wechat article formatter","Bash","markdown","grep","read","write","edit","html","公众号","2026-11-10 10:12:30",false,"---\nname: wechat-article-formatter\ndescription: 将 Markdown 文章转换为微信公众号 HTML 格式，支持自动插入配图、微信样式优化。\nallowed-tools: Bash, Read, Write, Edit, Glob, Grep\n---\n\n# WeChat Article Formatter（微信文章格式化）\n\n将 Markdown 文章转换为可直接粘贴到微信公众号编辑器的 HTML 格式。\n\n## 核心能力\n\n- ? Markdown → 微信 HTML\n- ? 自动插入配图（从 illustrations 目录）\n- ? 微信样式优化（字体、间距、引用块）\n- ? 移动端适配\n\n## 使用方式\n\n```bash\n# 基础用法\n\u002Fwechat-article-formatter article.md\n\n# 指定配图目录\n\u002Fwechat-article-formatter article.md --images .\u002Fillustrations\u002F\n```\n\n---\n\n## 工作流程（5步）\n\n### Step 1: 读取 Markdown 文章\n\n读取输入的 Markdown 文件内容。\n\n### Step 2: 查找配图\n\n检查同目录下是否有 `illustrations\u002F` 目录：\n- 如有，读取所有图片文件\n- 按章节匹配图片（根据文件名前缀 01-, 02- 等）\n\n### Step 3: 转换为 HTML\n\n**转换规则：**\n\n| Markdown | 微信 HTML |\n|----------|-----------|\n| `# 标题` | `\u003Ch1 style=\"...\">标题\u003C\u002Fh1>` |\n| `## 小标题` | `\u003Ch2 style=\"...\">小标题\u003C\u002Fh2>` |\n| `**加粗**` | `\u003Cstrong style=\"color:#d4237a;\">加粗\u003C\u002Fstrong>` |\n| `> 引用` | `\u003Cblockquote style=\"...\">引用\u003C\u002Fblockquote>` |\n| 段落 | `\u003Cp style=\"...\">段落\u003C\u002Fp>` |\n| 表格 | `\u003Ctable style=\"...\">...\u003C\u002Ftable>` |\n\n**微信样式规范：**\n```css\n\u002F* 正文 *\u002F\nfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\nfont-size: 16px;\nline-height: 1.8;\ncolor: #333;\n\n\u002F* 标题 *\u002F\nh1: font-size: 22px; font-weight: bold; margin: 20px 0;\nh2: font-size: 18px; font-weight: bold; margin: 15px 0; border-left: 4px solid #d4237a; padding-left: 10px;\n\n\u002F* 引用块 *\u002F\nblockquote: background: #f7f7f7; border-left: 4px solid #d4237a; padding: 15px; margin: 15px 0;\n\n\u002F* 加粗 *\u002F\nstrong: color: #d4237a;\n\n\u002F* 段落 *\u002F\np: margin: 15px 0; text-align: justify;\n```\n\n### Step 4: 插入配图\n\n在每个 H2 章节后插入对应的配图：\n\n```html\n\u003Cfigure style=\"margin: 20px 0; text-align: center;\">\n  \u003Cimg src=\"data:image\u002Fpng;base64,{base64_data}\" style=\"max-width: 100%; border-radius: 8px;\" \u002F>\n\u003C\u002Ffigure>\n```\n\n**图片处理：**\n- 将图片转换为 base64 内嵌（便于直接粘贴）\n- 或输出图片 URL 列表（需要手动上传）\n\n### Step 5: 输出 HTML\n\n保存为 `{filename}_wechat.html`，可直接复制粘贴到微信公众号编辑器。\n\n---\n\n## 输出示例\n\n```html\n\u003C!DOCTYPE html>\n\u003Chtml>\n\u003Chead>\n  \u003Cmeta charset=\"UTF-8\">\n  \u003Ctitle>文章标题\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody style=\"max-width: 600px; margin: 0 auto; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, sans-serif;\">\n\n\u003Ch1 style=\"font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 30px;\">\n  50万秦军去哪了？基因和语言揭开了一个惊天秘密\n\u003C\u002Fh1>\n\n\u003Cp style=\"font-size: 16px; line-height: 1.8; color: #333; margin: 15px 0;\">\n  你有没有想过这样一个问题：\n\u003C\u002Fp>\n\n\u003Cp style=\"font-size: 16px; line-height: 1.8; color: #333; margin: 15px 0;\">\n  \u003Cstrong style=\"color: #d4237a;\">秦始皇派去岭南的50万大军，后来都去哪了？\u003C\u002Fstrong>\n\u003C\u002Fp>\n\n\u003C!-- 更多内容... -->\n\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n---\n\n## 与其他 Skill 配合\n\n| 顺序 | Skill | 功能 |\n|------|-------|------|\n| 1 | document-writer | 生成 Markdown 文章 |\n| 2 | illustration-generator | 为文章生成配图 |\n| 3 | **wechat-article-formatter** | 格式化为微信 HTML |\n| 4 | wechat-publisher | 发布到微信公众号 |\n\n","# WeChat Article Formatter（微信文章格式化）\n\n将 Markdown 文章转换为可直接粘贴到微信公众号编辑器的 HTML 格式。\n\n## 核心能力\n\n- ? Markdown → 微信 HTML\n- ? 自动插入配图（从 illustrations 目录）\n- ? 微信样式优化（字体、间距、引用块）\n- ? 移动端适配\n\n## 使用方式\n\n```bash\n# 基础用法\n\u002Fwechat-article-formatter article.md\n\n# 指定配图目录\n\u002Fwechat-article-formatter article.md --images .\u002Fillustrations\u002F\n```\n\n---\n\n## 工作流程（5步）\n\n### Step 1: 读取 Markdown 文章\n\n读取输入的 Markdown 文件内容。\n\n### Step 2: 查找配图\n\n检查同目录下是否有 `illustrations\u002F` 目录：\n- 如有，读取所有图片文件\n- 按章节匹配图片（根据文件名前缀 01-, 02- 等）\n\n### Step 3: 转换为 HTML\n\n**转换规则：**\n\n| Markdown | 微信 HTML |\n|----------|-----------|\n| `# 标题` | `\u003Ch1 style=\"...\">标题\u003C\u002Fh1>` |\n| `## 小标题` | `\u003Ch2 style=\"...\">小标题\u003C\u002Fh2>` |\n| `**加粗**` | `\u003Cstrong style=\"color:#d4237a;\">加粗\u003C\u002Fstrong>` |\n| `> 引用` | `\u003Cblockquote style=\"...\">引用\u003C\u002Fblockquote>` |\n| 段落 | `\u003Cp style=\"...\">段落\u003C\u002Fp>` |\n| 表格 | `\u003Ctable style=\"...\">...\u003C\u002Ftable>` |\n\n**微信样式规范：**\n```css\n\u002F* 正文 *\u002F\nfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\nfont-size: 16px;\nline-height: 1.8;\ncolor: #333;\n\n\u002F* 标题 *\u002F\nh1: font-size: 22px; font-weight: bold; margin: 20px 0;\nh2: font-size: 18px; font-weight: bold; margin: 15px 0; border-left: 4px solid #d4237a; padding-left: 10px;\n\n\u002F* 引用块 *\u002F\nblockquote: background: #f7f7f7; border-left: 4px solid #d4237a; padding: 15px; margin: 15px 0;\n\n\u002F* 加粗 *\u002F\nstrong: color: #d4237a;\n\n\u002F* 段落 *\u002F\np: margin: 15px 0; text-align: justify;\n```\n\n### Step 4: 插入配图\n\n在每个 H2 章节后插入对应的配图：\n\n```html\n\u003Cfigure style=\"margin: 20px 0; text-align: center;\">\n  \u003Cimg src=\"data:image\u002Fpng;base64,{base64_data}\" style=\"max-width: 100%; border-radius: 8px;\" \u002F>\n\u003C\u002Ffigure>\n```\n\n**图片处理：**\n- 将图片转换为 base64 内嵌（便于直接粘贴）\n- 或输出图片 URL 列表（需要手动上传）\n\n### Step 5: 输出 HTML\n\n保存为 `{filename}_wechat.html`，可直接复制粘贴到微信公众号编辑器。\n\n---\n\n## 输出示例\n\n```html\n\u003C!DOCTYPE html>\n\u003Chtml>\n\u003Chead>\n  \u003Cmeta charset=\"UTF-8\">\n  \u003Ctitle>文章标题\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody style=\"max-width: 600px; margin: 0 auto; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, sans-serif;\">\n\n\u003Ch1 style=\"font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 30px;\">\n  50万秦军去哪了？基因和语言揭开了一个惊天秘密\n\u003C\u002Fh1>\n\n\u003Cp style=\"font-size: 16px; line-height: 1.8; color: #333; margin: 15px 0;\">\n  你有没有想过这样一个问题：\n\u003C\u002Fp>\n\n\u003Cp style=\"font-size: 16px; line-height: 1.8; color: #333; margin: 15px 0;\">\n  \u003Cstrong style=\"color: #d4237a;\">秦始皇派去岭南的50万大军，后来都去哪了？\u003C\u002Fstrong>\n\u003C\u002Fp>\n\n\u003C!-- 更多内容... -->\n\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n---\n\n## 与其他 Skill 配合\n\n| 顺序 | Skill | 功能 |\n|------|-------|------|\n| 1 | document-writer | 生成 Markdown 文章 |\n| 2 | illustration-generator | 为文章生成配图 |\n| 3 | **wechat-article-formatter** | 格式化为微信 HTML |\n| 4 | wechat-publisher | 发布到微信公众号 |\n\n",{"name":5,"description":7,"allowed-tools":46},"Bash, Read, Write, Edit, Glob, Grep","main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002Fhuangserva\u002Fservasyy_skills\u002Fwechat-article-formatter",24,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub","https:\u002F\u002Fskillshub.wtf","https:\u002F\u002Fgithub.com\u002FComeOnOliver","AI & Blockchain Engineer\r\n","2026-06-24 22:07:19",{"source":8,"skillName":5,"commands":57,"prompt":67,"zipAvailable":68},[58,61,64],{"tool":59,"command":60},"npx","npx skills add ComeOnOliver\u002Fskillshub --skill wechat-article-formatter",{"tool":62,"command":63},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill wechat-article-formatter",{"tool":65,"command":66},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill wechat-article-formatter","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fhuangserva\u002Fservasyy_skills\u002Fwechat-article-formatter\u002FSKILL.md",true,[],[71,83,93,102,108,115],{"skillNo":72,"name":73,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":74,"categories":75,"keywords":79,"publishedAt":41},"01M6FKJN13GMG4KY57J3QD8GY5","model-hierarchy-skill","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzscole\u002Fmodel-hierarchy-skill\u002Fmodel-hierarchy-skill\u002FSKILL.md",[76],{"categoryNo":77,"categoryName":78,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[80,81,82],"model","model hierarchy","model hierarchy skill",{"skillNo":84,"name":85,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":86,"categories":87,"keywords":89,"publishedAt":41},"01M6FKJJJ6GCAMR4PPPRD12M5X","zoom-mcp","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-mcp\u002FSKILL.md",[88],{"categoryNo":77,"categoryName":78,"taxonomyType":21,"taxonomyTypeDesc":22},[90,91,92],"MCP","zoom","zoom mcp",{"skillNo":94,"name":95,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":96,"categories":97,"keywords":98,"publishedAt":41},"01M6FKJE3KYT3KPEZMEEHYKA6K","zoom-apps-sdk","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-apps-sdk\u002FSKILL.md",[],[99,100,101,91],"sdk","zoom apps sdk","apps",{"skillNo":103,"name":104,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":105,"categories":106,"keywords":107,"publishedAt":41},"01M6FKJ9EDH9Q5VWDF8HAJRSP0","windows","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwindows\u002FSKILL.md",[],[104],{"skillNo":109,"name":110,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":111,"categories":112,"keywords":114,"publishedAt":41},"01M6FKJ666BEEFC3AE9GJ72Q93","whiteboard","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwhiteboard\u002FSKILL.md",[113],{"categoryNo":77,"categoryName":78,"taxonomyType":21,"taxonomyTypeDesc":22},[110],{"skillNo":116,"name":117,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":118,"categories":119,"keywords":120,"publishedAt":41},"01M6FKJ21WFCDGTJQ2Q91T9DVW","websockets","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwebsockets\u002FSKILL.md",[],[117]]