改任意一色,标题竖条、引用、提示框、代码块、装饰都会跟着变。可建多套主题,建好后在顶部「主题」下拉切换。
多色序号的取色来源:@1 用第 1 色、@auto 自动轮转、@#e8734a 直接写色值;不写 @ 时跟随主题主色。
上面填名称,下面粘 SVG 代码。颜色用 {main} / {line} 占位,会替换成主题色;svg 标签必须显式写 width 和 height,否则 iOS 不显示。
也可以直接拖入或选择本地 .svg 文件,工具会自动转成微信兼容格式;或从 lucide.dev、tabler.io/icons 等图标站复制现成代码。
尺寸在添加时生效,小图标不会被放大;想改已添加的装饰,删掉重新添加即可。
用法:左栏「装饰元素」区点击插入;或手敲块级 ::: deco 装饰id、行内 :deco[装饰id]:。点列表里的名字可复制块级语法。
把开头引导、文末互动、关注卡片等存成片段,在左栏「模板片段」区点击插入光标处。支持完整 Markdown 语法。
公众号只认 mmbiz.qpic.cn 的图片。配置后,拖拽或粘贴本地图片到编辑区会自动上传并插入链接;不配置时微信通常会尝试自动转存。
配置只存在浏览器本地,接口需支持跨域(CORS)。
把主题、配色、装饰、片段和全部草稿导出为一个 JSON;换设备前先导出。导入时配置覆盖、草稿按更新时间合并。
数据全部存在本浏览器 localStorage,不会上传到任何服务器。
微信编辑器粘贴时会净化掉 <g> 嵌套、<animateTransform> 与事件型 begin,直接复制只会剩一张静态图。2026-11-05 实测结论:F12 → Edit as HTML 时,若 <svg> 直接落在占位文字的位置(新版编辑器的 <span leaf> 里),失焦后整块被清洗、只剩提示文字;把 svg 包进块级 <section> 整体替换占位节点则实测存活。下方「复制代码」输出的就是已包好 <section> 的整段,照第 3 步整段替换即可。
只支持 SMIL(<animate> / <animateTransform> / <set> / <animateMotion>)。点击播放会把 begin 改成 touchstart;click、把 values 第一段写成静止首帧、并补透明热区;但微信的 SMIL 事件绑在各自的动画元素上,一次点击只能启动「点击点所在的那条祖先链」——动画分成几枝并列的文件(如气泡 / 碎片 / AI / 星芒各自一组)只有被点中的一枝会动,遇到这种文件工具会自动改用自动播放。自动播放保留源时间轴,多枝分散也不会漏播;循环往复额外补 repeatCount="indefinite",长文里读者滑到时不会只剩末帧。渐变、滤镜微信不支持,会自动降级(纯色 / 去阴影);<style> 动画 / JS / Lottie 不支持。
上面是可点预览:用鼠标或手指点一下图形区域,动效会真实播放(浏览器原生支持 SMIL)。
<section> 包裹的纯文本源码,不是富文本)。【占位】)。Ctrl+Shift+C 点选占位那行,右键 Edit as HTML,Ctrl+A 全选(此时框里只有那一小段)后整段粘贴替换,点外部失焦生效。必须整段替换、且保持 <section> 在最外层——把 svg 单独塞进占位文字的位置(<span leaf> 内)实测必被清洗。<animateTransform> 与 begin="touchstart;click" 还在,然后发手机预览确认点击播放。导入后别在后台再点这块触发预览。生成的代码不含 id / class / defs / <style> / JS,颜色写死 hex,尺寸显式;已通过 WeMotion.check() 白名单自检。