乐于分享
好东西不私藏

Markdown转微信公众号编辑器

Markdown转微信公众号编辑器

在KIMI和DeepSeek的帮助下,今天终于上线了自己的第一个应用:一个简单的Markdown转微信公众号的编辑器。
部署在 https://md2wx.infiaite.com 子域名下。
用户输入Markdown格式的内容和自己喜欢的CSS,自动转换为微信公众号格式的内容。
Infty MD2WX 微信 Markdown 编辑器

选择性太多的烦恼

在第一阶段网站初步上线后,我计划将英文内容的网站,同步到中文的微信公众号上。

虽然已经有WordPress上的各种插件,也有秀米、135等专门的编辑器,可是,要么需要注册或者绑定微信号,要么有一定的学习成本,而且对我来说最大的问题就是:可选择性太多!有太多的模板、资源了!往往深陷于对这些资源的选择上和修改上,用于内容上的时间反而少了许多。

需求的产生

我的需求很简单:

  1. 已经有编写好的内容。
  2. 已经有喜欢的样式,或者可以让AI帮我编写专门的样式。
  3. 转换成微信公众号的格式,可以直接复制粘贴到微信公众号。

一个良好的开端

于是,我向KIMI提出了自己的想法:

  1. 希望生成一个编辑器网页,类似135编辑器,生成可以直接复制粘贴到微信公众号格式的内容;
  2. 用户只需要输入Markdown格式的内容;
  3. 样式除了默认版本,还可以通过选项供用户选择。
  4. 用户可以通过上传CSS文件或者输入CSS的方法,追加新样式。
  5. 以 #0b74DE 为主色,#0891B2 为辅色。
  6. 适用全部标准Markdown语法,即:全部Markdown标准元素均有对应匹配的样式。
  7. 可以手动追加footer的样式。这些样式,也可以通过CSS进行定制。

只一瞬,KIMI即为我生成了一个功能完整的微信公众号Markdown编辑器,支持实时预览、多主题切换和自定义CSS。

Bug 与 Debug

当我暗自惊叹于技术的进步,只一段自然语言描述,竟能直接生成可运行的网页时,意外出现了,而且不只一个。通过不断的交互,我们依次发现并解决了以下问题:

  1. 无法实时渲染。
  2. 用户追加的CSS的级别低于默认的样式,造成了多个不同样式的重叠。
  3. 过多的说明性文本,导致系统界面混乱。例如:CSS自动包裹的示例等。
  4. 复制粘贴到微信公众号时为纯文本,并不是公众号的富文本格式。

在解决问题的同时,令人惊喜的是:对于页脚的设置、Markdown中图片的处理等,KIMI也提出了多个方案的建议,并完成了实施。

编辑器名称的确定

当我向DeepSeek描述了这个编辑器希望部署在 infiaite.com 域名下后,DeepSeek为我们起了一个直观的名字:md2wx,即”markdown” to “微信”。

品牌统一和SEO优化

接下来的这部分,完全超出了我的认知范围。KIMI替我设计了品牌统一策略、子域名SEO策略、跨域名品牌一致性、关键 Meta 标签等,这样既保证了品牌统一(Infty),又明确了产品定位(MD2WX),同时通过子域名策略保持了工具独立性。

黎明前的黑暗

当我以为一切大功告成时,我忽然意识到一个问题:即使在PC上运行,也需要好长时间才能打开网页。一定是有什么妨碍了我们。

DeepSeek诊断:该编辑器功能完整、设计清晰,但存在几个可能影响上线稳定性和用户体验的关键问题,以及一些优化建议。共计7条。

KIMI诚恳地接受了DeepSeek的意见,并确认1个高风险 Juice API 使用错误,必须修复;1个 Tailwind CSS 加载问题,延迟了网页的加载;另外5个项目为”建议优化”项目,也”全部接受”。

就这样,我的Markdown转微信公众号编辑器Infty MD2WX Beta版上线了。以单页网站的形式,部署在cloudflare上。

INFIAITE · AI 协助下的第一个应用

—— 从零开始的AI网站之旅 ——

INFIAITE.com

一个由AI陪伴成长的个人空间。记录从零开始的建设过程,探索AI时代的无限可能。