【教程】用 AI 做个免费公众号排版神器!立省 199 元

从自己的需求出发,给大家做点免费工具和教程,是我想尝试的解法。我不会卖课,内容也不会收费,因为我认为知识值得平权。

作者: 贾噔噔
分类:工作效率
2 次阅读

从腾讯离职快 3 个月了,目前我大部分精力在做 AI 科技博主,小部分精力放在自己的雪服品牌上(链路已经跑通了不用太费心),也有持续找人聊一些新机会。

确实有写几篇小爆文,但总觉得还是不够,做这个工具的缘起是我刷到了阿真的这篇文章:实测!用AI一句话生成网页,轻松打造专属网站设计师的审美是好啊!排版清晰,风格明显,激起了我想要好好给公众号排版的兴趣。

群里的博主朋友们给我推荐了一些网站/插件,这些排版工具基本都收费,提供繁多复杂的样式,有的还可以嵌入公众号后台做细致的数据分析——年费 199 元。

但我并不需要这么多功能啊……我只是想排版好看一些,有自己的固定风格。于是我决定用 AI 搓一个!
——这就搓出来了,懒得自己搓的可以直接用我的,已经部署到线上:

https://nutllwhy.github.io/wechat-style-tool/

已开源,如果需要代码参考也可以去我的 github 下载源代码:

https://github.com/nutllwhy/wechat-style-tool


如果觉得我搓的工具不满足你想要的风格,或者也想尝试 AI 编程做个小项目,那么可以继续往下看。我会带着大家一步步实现这个工具,每个人都可以把这 199 省下来,省到就是赚到——
就说关注我能赚钱吧!(笑  

做你的专属公众号排版神器

功能介绍

先来给大家看看这个工具实现了哪些功能。

首先,有 4 种风格可以选:

image.png

点击复制全文,再粘贴到公众号编辑器,就可以展示对应样式了。我还做了个【图片转换】功能,可以给图片加对应样式的边框:

image.png

然后这样图片就可以在页面上凸显了,像这样:

image.png

这个排版工具支持 2 级标题,正文字号是 15,已经满足我日常排版需求。

即刻动态下面有人评论说我这个工具对代码框没优化啥的,还建议我用中国风样式……咱就是说,在网上随地教育别人的习惯还是要克制一下。

这个工具我本身就是搓了给自己用的,如果你觉得我搓出来的样式不符合你需求,那我教程也发了,你可以在我基础上改。下面就来说怎么实现。  

基础框架实现

还是用我们的老朋友 Cursor 示范,初始提示词:

帮我做一个网站,这个网站会有一些橙色系的公众号样式,支持 2 级标题,用户在输入框内输入文字后,点选不同的样式可以查看效果,此刻点击复制就会按这个效果转换成微信公众号可识别的样式,粘贴进微信公众号编辑器即可展示相同的样式。

我自己日常喜欢用橙色,如果你们的主题色是其他的也可以改,比如阿真是紫色,Rico 是绿色。

如果想参考具体某个博主的排版,也可以直接截图让 Cursor 来参考。

 

我用这个提示词第一次跑出来是完美结果,不用任何修改就可以用。

但第二次跑出来出现了 2 个问题:

1、复制失败,贴到公众号编辑器之后没有显示对应样式。

2、选用了前后端技术架构,但这个项目其实纯前端可以实现,如果带了后端不太方便直接部署到 github page,在本地测试还会占用端口。

 

在录教程视频的时候我找到了对应解决方案

1、把我第一次完美实现方案的代码文件放在新项目文件夹内,让 Cursor 根据里面的代码来调整实现方案。

2、和 Cursor 明确指出这个项目不需要后端,希望改成纯前端实现。

image.png

让 AI 写代码就是这样,存在一定随机性。

但没关系,我给大家准备了正确答案来参考,能最大程度提高问题解决的概率和速率。

图片边框工具

图片边框工具是我实现的第二个功能,提示词:

我想实现这种,给图片加上对应模板边框样式的转换工具,并且图片外圈会转为圆角,参考样式我发给你了,有个额外的功能按钮,点击之后可以呼出图片样式转换器,我上传图片之后可以下载加完边框样式的图片。


如果你觉得它给你生成的边框太粗、太窄、不够立体、没有描边之类之类的问题,都可以再在对话框内交互要求修改。

image.png

免费部署方案

那做完的工具怎么分享给其他人用呢?

github 是支持免费部署的,有 github 账号就可以部署到 github page。

目前 Cursor 已经内置了 github MCP,你直接给 Cursor 下命令说你要部署到 github page,系统会自动拉起安装程序,再一步步引导你完成操作,类似这样:

image.png

 

操作流程:

1、新建 github 项目仓库

2、推送本地代码到 github

3、在对应项目主页下,点击【Settings】,设置好分支路径,发布


几分钟后你的网站就上线了,可以让其他人体验。

无需支付任何服务器费用,非常方便。

image.png

写在最后

我最近时常在想,做什么样的内容可以让关注我的大家获得真正的价值。从自己的需求出发,给大家做点免费工具和教程,是我想尝试的解法。
我不会卖课,内容也不会收费,因为
我认为知识值得平权。可能有些人会因为我的分享,开始尝试 AI 工具,开始用 AI 给生活/工作提效,甚至通过 AI 改变自己的命运,这些都是我做内容的价值感来源。对你们有用就是值得的。  

前几天和前同事闲聊,我们躲在腾讯多年不敢去外面的世界看看,都是有怕被卷的心态,总想着我们已经身处头部大厂,那现在一定就是最好的选择,也在这样的选择下我们做着自己不认可的业务,精神上承压,总有不甘心。

出来之后,我的工作 roi 确实远不如前,赶稿,赶评测,做项目,谈合作,时不时还要通宵,很多投入其实都是看不到现金回报的,也不再拥有体面的白领身份,每天在家素面朝天打开电脑就是肝,但我依然做得乐此不疲。

我在无限游戏里更猛烈地和世界碰撞,自由的发声和支配自己的时间,我的精神不再承压,每发布一个内容都是我在向宇宙发出信号,而现在我确实也在收到越来越多的回音。

心力不散的人,就永远不会被打倒。


本文由公众号“贾噔噔”授权AI产品之家转载,原文连接: https://mp.weixin.qq.com/s/um0FC0vMJ_bwRr4pCxPgUg