【Trae + 掘金MCP】不写代码,靠嘴遁花0.5h定制公号排版工具

🐶 笔者习惯使用 Markdown 来撰写文稿,然后把文章发布到 公号 上面,每次发布最揪心的就是 排版 ,特别是遇到表格,插入x行y列的表格,然后一个一个格子手动复制粘贴,浪费阳寿。而实际上都是按照一个 统一的样式 来排版,纯粹的机械劳动。当年收藏过一些在线 Markdown排版工具:

😶 就剩第一个还 免费(开源) ,四年前自己花了差不多 一个星期Python 写了一个「🐁 尾汁Markdown转换工具 」,仓库地址:coder-pig/hzwz-markdown-wx

具体开发记录文章可见:

《🐭喂汁,用Python写个专属Markdown转换工具》

《🤡公号文章排版利器 | 🐁尾汁Markdown转换工具来咯~》

《开发🐁尾汁Markdown转换工具 | 项目复盘》

😆 现在也有在用,就是每次排版都得打开 PyCharm ,复制md文件,然后运行生成 带样式的html文件 ,打开html文件,全选复制粘贴到公号编辑器,说实话还挺麻烦 (新电脑没Python环境要命🐶) 。😏 寻思 首月3刀开的Trae 还剩挺多次数,让它整个 Markdown排版的静态页面 ,然后用 掘金MCP 发布,直接通过 链接 就能访问,随时随地排版🤣。

😳 说干就干,本来以为要花不少时间,结果 Trae半小时 不到就给我干出来了,而且还 TM 能用 ❗️ ❗️ ❗️ 开始写 提示词

Trae 输出

😳 直接就生成了支持 4种主题 的排版的排版页面,尝试复制HTML到微信,发现 样式没生效,继续写提示词:

Trae 输出

🐶 Trae 修改后不行,直接 开喷

Trae 输出

🤡 改完还是不行,看了下明显是没有带CSS样式,温和指点一波:

Trae 输出

🙂 再复制有样式了,但 图片都挂了(403) ,用的 语雀 ,搞了 防盗链,让 Trae 搞一哈:

Trae 输出

😐 代码乱了,截图并说明,让Trae改:

Trae 部分输出

😋 然后我挺喜欢 doocs/md 里的样式,直接让 Trae 偷:

Trae 部分输出

🐂🍺 看了下,确实都加上了,还差个 MAC主题风格 的代码窗口,让Trae也安排一下:

Trae 部分输出

😄 预览差不多了,接着切下 Agent ,使用 Builder with MCP ,发布到 掘金MCP

打开预览链接:「掘掘子Markdown微信公众号排版工具」看下效果:

点击复制带样式的HTML,打开公号编辑器,右键修改页面页面HTML,粘贴,保存预览,效果还行。🤔 然后,我看到别人开源的项目,直接支持复制 "公众号格式":

问了下 Copilot ,它和 HTML格式 的区别:

😄 老规矩,让 Trae 干活:

生成效果

直接复制到公号编辑器,保存预览,手机打开看看效果:

👍 效果非常阔以,接着就是各种样式微调啦,🤣 本文就是基于这个工具进行的排版,巴适得很~

在线使用:掘掘子Markdown微信公众号排版工具

源码:coder-pig/VibeCodingTry

相关推荐
神秘的土鸡8 小时前
从数据仓库到数据中台再到数据飞轮:我的数据技术成长之路
java·服务器·aigc·数据库架构·1024程序员节
墨风如雪10 小时前
Google Skills:AI时代的学习革命,你准备好了吗?
aigc
猫头虎17 小时前
大模型训练中的关键技术与挑战:数据采集、微调与资源优化
人工智能·爬虫·数据挖掘·数据分析·网络爬虫·aigc·1024程序员节
Mintopia21 小时前
深度伪造检测技术在 WebAIGC 场景中的应用现状
前端·javascript·aigc
DisonTangor1 天前
【2B篇】阿里通义 Qwen3-VL 新增 2B、32B 两个模型尺寸,手机也能轻松运行
人工智能·计算机视觉·语言模型·开源·aigc
武子康1 天前
DeepSeek-OCR 原理剖析|上下文光学压缩、Gundam 动态分辨率与并发预期 附代码
深度学习·aigc·deepseek
墨风如雪1 天前
支付宝悄悄放了个大招:AGI相机“灵光”,你的世界观要变了!
aigc
程序员X小鹿1 天前
AI浏览器内卷升级,狂撒补贴!免费领Perplexity会员+赚美金(附手把手教程)
aigc
油炸自行车2 天前
【Qt】VS Code配置Qt UI插件,vscode打开Qt Designer ,vscode打开Qt*.ui文件
qt·ui·cursor·qt designer·vscode插件·trae·qt ui
程序员辉哥2 天前
在Cursor中通过SSH MCP运维自己的服务器
ssh·cursor·mcp