【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

相关推荐
minhuan2 小时前
构建AI智能体:四十六、Codebuddy MCP 实践:用高德地图搭建旅游攻略系统
人工智能·mcp·codebuddy·高德api
wifi歪f5 小时前
🎨 探究Function Calling 和 MCP 的奥秘
前端·ai编程·mcp
落羽的落羽6 小时前
【Linux系统】快速入门一些常用的基础指令
linux·服务器·人工智能·学习·机器学习·aigc
小溪彼岸20 小时前
使用Claude Code Router轻松切换各种高性价比模型
aigc·claude
youcans_21 小时前
【Trae】Trae 插件实战手册(1)PyCharm 安装 Trae
人工智能·python·pycharm·ai编程·trae
程序猿二饭1 天前
万字详解:混元大模型+GraphRAG+知识图谱实现永久记忆的专属AI伴侣
aigc
FogLetter1 天前
PromptTemplate:让AI对话像“填空”一样简单高效!
aigc·openai·ai编程
用户4099322502121 天前
PostgreSQL里的PL/pgSQL到底是啥?能让SQL从“说目标”变“讲步骤”?
后端·ai编程·trae
小溪彼岸1 天前
Claude Code CLI平台与中转站接入汇总及避坑
aigc·claude
春末的南方城市1 天前
复旦&华为提出首个空间理解和生成统一框架UniUGG,支持参考图像和任意视图变换的 3D 场景生成和空间视觉问答 (VQA) 任务。
人工智能·科技·深度学习·计算机视觉·aigc