起因

最近一直在Civitai看各种图和提示词。每次看到心动的提示词都得手动拷贝到自己的服务中运行，觉得特别麻烦。我就萌生出做一个插件的想法，可以帮助自己根据C站的提示词生成图片，不用再手动拷贝参数了。

设计

我自己在Chrome插件市场搜索了一下，发现现有的插件没法满足我的需求。大部分体验都不太好。估计很多都是像我一样的个人开发者利用空闲时间做的。[笑哭]。虽然我不确定未来能有多少时间投入到这个插件的研发上，但是相信自己起码能做出一个适合自己的插件，如果能帮助到其他人就更好了。根据自己的需求，我只需要以下两个功能点：

1、用户注册/登录（防止别人盗刷画图接口）

2、根据C站图片的参数画图

既然功能简单，就在一个页面中搞定吧。不然页面总是跳来跳去的太影响体验了～[耶]

开发

因为第一次做浏览器插件，博主又是个后端研发，只能按照教程一步步来（具体教程我就不贴了，网上能搜到一堆）。在刚开始的阶段很顺利，但是随着功能做的深入了，很快就遇见了以下问题：

数据和页面的绑定：之前我一直用VUE用习惯了，现在做插件用原生的 JS 和 HTML，数据绑定的方案就退化到了十年前，用JQuery改DOM。。。简直让我回到了毕设的时光 [吐]

咨询了做过浏览器插件的朋友，给我推荐了一个专门做插件的脚手架项目

好东西，相见恨晚。

这个项目大概做的事情就是：支持开发者用VUE3编写代码，然后编译出来一个目录，这个目录中的内容就是标准的Chrome插件目录内容。

真香啊。值得一个Star。

[鼓掌][鼓掌][鼓掌]

用了之后果然解决了我遇见的问题 。心疼自己浪费了两天时间走弯路。[骷髅]

上线

本来功能就简单，又复用了我和朋友之前做的用户中心，所以2天后整个插件就开发完了。到上线的时候发现还得给谷歌支付5才能做开发者认证。好吧，我给。

后续的插件审核还是很快的。大家已经可以在Chrome插件市场上搜索到我的插件了。

插件名：MyCivitai

功能截图：

看到没，打开一个图片的参数弹窗，然后点这个RUN就行了。

后续功能

1、目前插件只支持了ChilloutMix，而且Lora模型也不多，后续我还想支持更多的模型，根据参数去调用不同模型的服务

2、现在后端服务用的是我买的云GPU服务器，性能不高，而且我部署的Stable Diffusion也满足不了其他人的个性化需求，所以后续我会支持用户配置自己的Stable Diffusion服务地址

3、增加图片的收藏功能，这样用户可以随时欣赏自己做的美图[憨笑]，还能把图片导出。这功能，想想就开心。

想到的就这样。贴几张插件生成的图片吧～ 看完图片，大家可以用用试试，多提建议。[呲牙]