一键排版，告别微信公众号格式噩梦 
你有没有过这样的经历——
辛辛苦苦写完一篇文章，复制到微信公众号编辑器，结果排版全乱了：标题不生效、代码块变成一坨、颜色对不上……折腾半小时，最后还是手动一个个调样式。
如果你用 Trae ，这个问题现在有解了。
一个技能搞定微信排版
我写了一个 Trae 技能：wechat-typeset ，专门解决微信公众号的 HTML 兼容性问题。
它的原理很简单——微信编辑器虽然支持不少 HTML 标签（<section> 、<p> 、<span> 、<strong> 、<em> 、<ul> 、<table> 等），但很多标签存在兼容性陷阱：<div> 会被转成 <p> ，<h1> /<h2> 会被降级，<a> 外链会被过滤，<img> 需微信图床地址。所以这个技能采用保守策略 ——只用兼容性最好的 <section> 、<p> 、<span> 三个标签 + 纯内联样式，确保在微信编辑器中 100% 稳定渲染。
GitHub 仓库：GitHub - gjwroot/wechat-typeset-skill: Trae 技能：将文章内容一键转换为微信公众号排版 HTML，支持 7 色章节标题、重磅卡片、代码块、智能文章类型识别
它能做什么？
7 色章节标题
蓝、绿、紫、橙、粉、靛蓝、黄循环使用，长文章也能层次分明：
技术 ·
教程 ·
概念 ·
实战 ·
FAQ ·
推荐
重磅卡片
红色渐变突出头条，黄色渐变标记重要话题，关键信息一眼抓住。
深色代码块
技术文章的代码展示清晰美观，HTML 特殊字符自动转义，不会和微信编辑器打架。
智能识别文章类型
5 种类型自动匹配不同排版策略，不用你手动指定：
-
每日早报/综合新闻 ：重磅头条红色卡片 + 各主题分区多色章节 -
财经早报 ：深度点评卡片 + 市场/公司/投资分区 -
技术教程 ：前置要求→快速开始→核心概念→实战示例→FAQ -
开源项目推荐 ：项目卡片（含语言/协议/Star数）+ 本周趋势 -
通用文章 ：自动分段 + 7 色循环章节 + 深色代码块
怎么用？
第一步 ：将技能文件 wechat-typeset.skill.md 放入 Trae 的技能目录。
第二步 ：在 Trae 里，把你的文章内容发给它，然后说一句：
“转微信排版”
就这样。它会生成一个 HTML 文件，你直接把内容粘贴到微信公众号编辑器里就行。
技术细节
-
禁止
<style>和class→ 全部内联样式 -
<div>会被转成<p>→ 用<section>替代 -
<h1>/<h2>会被降级 → 用<section>+<p>替代 -
<a>外链会被过滤 → 转为纯文本🔗 URL -
<img>需微信图床地址 → 占位符提示手动上传 -
代码块内 HTML 冲突 → 自动转义
<>&
生成后还会自动验证，扫描是否有违规标签残留，确保万无一失。
测试效果：
适合谁？
-
每天发技术早报 的开发者
-
写技术教程 的博主
-
推荐开源项目的社区运营
-
任何需要往微信公众号发内容的人
如果你也在用 Trae，欢迎试试这个技能。写好内容，排版的事交给它就行。
觉得有用？给个 Star 