NAS、键盘、路由器······年轻就要多折腾，我是爱折腾的熊猫—多面手博主！咱主打的就是一个 “技能不压身，干货不掺水”

引言

早上个月，熊猫开源了开发的妙笔生花项目，主要是利用AI来检测文章中的错别字以及语句问题，这也是熊猫之前被粉丝拷打很多的问题。但只有检测的功能就导致我很多时候写完并不愿意用它单独去跑一遍，于是细心的粉丝发现之后还是偶尔有文章会出现错别字的现象。（项目地址：https://github.com/Panda-995/ai-writing-assistant）

其根本原因还是在于它的功能太少了，于是在妙笔生花的基础上，最近熊猫又折腾了一个新的开源项目-微信公众号编辑器。（开源地址：https://github.com/Panda-995/wechat-editor）

在原本的AI检测的基础上，新项目我增加了非常多实用的功能，感兴趣的可以继续往下看。

项目预览

为了解决不实用这个问题，我直接做了个在线的编辑器，首页能看到最左侧是文章列表，右边则是编辑区和预览区，编辑区支持Markdown语法，同时编辑区和预览区支持同步滚动，方便用户编辑时实时预览内容。

整个项目都是采用像素风格设计（主要是简单方便，并不是不会美术）项目的顶部会显示当前的实时字数，同时底部能看到自动保存的提示，默认是自动开启的，且为了保证数据安全设置的3秒保存一次。

打开设置，能看到AI的全局配置、基础设置以及数据管理。其中AI配置涉及到了对话模型与绘图模型，两者都支持使用gemini接口和OpenAI兼容接口，支持自定义BASE、KEY以及模型名。

基础设置中可以设置行号显示、底部状态栏是否开启、字体大小以及自动保存和纯文本粘贴，在数据管理中则是支持用户导入导出配置文件以及数据备份文件。（项目为浏览器存储，跟随浏览器本地）

填写好AI配置之后就可以使用项目的AI功能了，点击右上角的AI助手，在这里能看到三个功能项：对话助手、智能排版以及AI绘图。其中对话助手提供了一些预设，你可以通过选中编辑区的段落进行操作。

选中之后发送给AI，随后生成的内容支持直接替换选中的段落，也支持插入到选中段落后面，非常方便！！！

智能排版顾名思义，AI通过理解文章内容，会对文章进行重新排版规划，例如拆分过长的段落、引用块、列表生成等等，且重新排版之后的内容支持预览，需要你手动确定是否生效。

最后则是AI绘图了，支持图片比例选择，提供了方形、16:9横图以及4:3的图三种选择，同样生成的图也支持意见插入文章中，又是一个实用小功能。

回过头再来看熊猫觉得很有用的另一项功能——文案库。在右上角能看到一个文案片段的功能，点开能看到预设了例如引导关注、免责声明、分割线等等预设。预设支持编辑和删除，同时可以新增自定义片段。

使用也非常简单，在编辑区想要添加片段的位置右键就能弹出片段库，直接点击即可添加。

最后说说主题样式，主题库提供了一些内置主题，同时既然有AI了，那肯定AI功能也得安排上，主题库支持通过AI自动生成CSS主题样式，只需要你说清楚你需要的主题样式就行。

最后，右上角提供了一键复制的功能，通过它你可以将编辑好的文章直接复制到公众号中，同时你的主题样式等内容也将一并带过去。

项目部署

项目的部署非常简单，熊猫已经打包好了镜像，目前项目更新到了v1.1的版本，你可以通过docker run -d -p 3000:80 --name wechat-editor ghcr.io/panda-995/wechat-editor:v1.1命令直接拉取项目。

因为不涉及到本地存储以及变量，所以直接将容器端口映射出去就可以了。

写在最后

项目开发受了非常多项目的启发，同时代码大部分也靠着AI进行辅助完成的，如果有BUG或者不好得地方，那说明你拉取到正确镜像了。

最后希望大家去给熊猫点点星星，也提提后续的优化建议和意见。

以上便是本次分享的全部内容了，如果你觉得还算有趣或者对你有所帮助，不妨点赞收藏，最后也希望能得到你的关注，咱们下期见！