输入“/”快速插入内容

ChatGPT to Notion 插件复盘-ChatGPT优化版本

以下编写后经过 ChatGPT 优化

背景

1.
项目起源：由于个人需求，我开发了一个将ChatGPT聊天记录保存到Notion的插件。​

2.
在谷歌商店审核通过并上线后，我在生财有术的星球发了一个帖子。随后，树哥“出海研习社”的Rocks大佬发到群里了，吸引了众多大佬的关注和建议。​

二、收到的建议与问题

1.
更换 Logo：让插件形象更专业，提高品牌识别度。​

建立官方网站：Aladdin 大佬赞助了一个域名，chatgpt2notion.com，用于宣传和介绍插件。

3.
在 Twitter 和 Product Hunt 进行推广：扩大影响力和用户群体。​

4.
开发同类其他产品：树哥提议拓展产品线，为用户提供更多实用工具。​

三、实施过程与复盘

1.
洗澡灵感：洗澡时决定立刻开始实施大佬们的建议，优化项目。​

2.
高效执行：经过约两小时的努力，基本完成了建议内容处理。​

3.
复盘分享：通过这篇文章记录优化过程，以便总结经验教训。（实际上，写这篇文章所花费的时间比完成优化工作的时间还要长。）​

换 Logo (用 SD 生成）

在过去，我制作插件Logo时通常会使用阿里的智能 Logo 服务或在线生成图标工具。但这一次，我尝试采用了一种新的方法——利用AI绘画技术，结合 Stable Diffusion 和 ControllNet 插件，为插件创作了独特的 Logo。​

使用 SD 生成 Logo 的步骤

1.
在Stable Diffusion（SD）中生成Logo：多次生成，从中挑选一个自己认为满意的作品。选择尺寸为512x512，以保证清晰度。此次，我随意设置了关键词“logo”和“simple”以作为提示。​

2.
去除背景：因为Logo中存在灰色背景，所以我使用remove.bg工具将其去除。​

3.
调整尺寸：将Logo的尺寸调整为128x128，以满足谷歌插件的Logo尺寸要求。由于我的电脑上安装了Photoshop，我直接使用它进行尺寸调整。当然，您也可以在网上找到其他更改尺寸的在线工具。​

4.
更新Logo：完成以上步骤后，Logo制作及更新工作就完成了。​

其他说明

1.
阿里的智能Logo服务是收费的。但实际上，我通常不会付费使用。我会在生成一些Logo后，挑选一个觉得满意的，然后直接截图。接下来，重复前述步骤，去除背景并调整尺寸。​

2.
对于在线生成图标工具，您可以在网上搜索找到很多相关资源。此外，英文站的航海工具集合里也有详细介绍。​

建网站（用 ChatGPT 输出代码）

考虑到这是一个简单的插件介绍网站，我参考了ChatGPT for Google插件的网站设计。最初，我计划使用Vercel（https://vercel.com/）这个在线搭建网站工具，但在尝试几次后发现部署过程总是卡在Deploy环节，于是我决定放弃。因为这只是一个简单的介绍页面，我选择直接制作一个静态网页。​

在未来，如果GPT4推出上传图片功能，我们可以直接将草图上传并让AI生成相应的设计。这将会更加便捷高效。​

使用ChatGPT生成静态页面代码：为AI提供需求描述，让其生成对应的代码。​

Chatgpt 提问内容：

代码块

开发一个介绍一个谷歌插件“ChatGPT to Notion”的静态页面，纯html5,css3输出，简洁。​
1、页面左上角显示logo，右上角显示twitter和github图标链接。​
2、第一行显示网站名称“ChatGPT to Notion”，h1大字体。​
3、第三行是描述，“ChatGPT to Notion is a tool that simplifies saveing your ChatGPT conversations to Notion. Just one click, saving you time. Say goodbye to the hassle of manual transfer and hello to a more efficient way of working. Try ChatGPT to Notion now!”​
4、下一行是两个按钮，一个“Add to Chrome”, 一个 “Add to  Edge",按钮内有图标。​
5、下一行是一个显示youtube视频的位置。​
6、下一行是一个FAQ 标题，​
7、下一行是显示FAQ的具体内容，每个项目右边有个向下的箭头，点击可以看到详细内容。​
    1）What is ChatGPT? ​
    2）What is ChatGPT to Notion?​
    3）Is ChatGPT to Notion free to use??​
    3）Do I need a ChatGPT/OpenAI account?​
5、页脚是联系方式​
    Contact: chatgpt2notion@gmail.com​

源代码，就不贴了，可以直接看：view-source:https://chatgpt2notion.com/

将ChatGPT生成的HTML和CSS代码整合在一起，并使用浏览器进行预览。发现基本效果满意后，我对部分细节进行了微调：​
a.
添加了Logo、Twitter、GitHub、Chrome和Edge的图片。​
b.
修改了 FAQ 样式：仅将标题加粗，而非全部文字加粗。​
c.
完成调整后，我将静态网页上传到了自己的服务器（服务器已安装宝塔服务，方便搭建静态网站）。​
注：服务器提供的 HTTPS 证书免费使用 3 个月，到期后会自动续期。​

ChatGPT to Notion 插件复盘-ChatGPT优化版本​

ChatGPT to Notion 插件复盘-ChatGPT优化版本