你有没有过这样的经历——
辛辛苦苦写完一篇文章，复制到微信公众号编辑器，结果排版全乱了：标题不生效、代码块变成一坨、颜色对不上……折腾半小时，最后还是手动一个个调样式。
如果你用 Trae，这个问题现在有解了。
我写了一个 Trae 技能：wechat-typeset，专门解决微信公众号的 HTML 兼容性问题。
它的原理很简单——微信编辑器虽然支持不少 HTML 标签（<section>、<p>、<span>、<strong>、<em>、<ul>、<table> 等），但很多标签存在兼容性陷阱：<div> 会被转成 <p>，<h1>/<h2> 会被降级，<a> 外链会被过滤，<img> 需微信图床地址。所以这个技能采用保守策略——只用兼容性最好的 <section>、<p>、<span> 三个标签 + 纯内联样式，确保在微信编辑器中 100% 稳定渲染。
🔗 GitHub 仓库：https://github.com/gjwroot/wechat-typeset-skill
蓝、绿、紫、橙、粉、靛蓝、黄循环使用，长文章也能层次分明：
🔵 技术 · 🟢 教程 · 🟣 概念 · 🟠 实战 · 🩷 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 ⭐