20240908 12块，玩一年~

01

这两周用ChatGPT帮我搭了个制作笔记卡片的网站。

昨天网站上线后，我在 群里 说用了三周，因为过程挺煎熬的，感觉时间特别漫长。

结果今天一看 时间记录 ，8月24号开始做的，到今天15天，两周出点头。

我把所有代码都放在了github上，如果你的网络能访问vercel的话，就可以一键部署到自己账号，拥有同款网站。

如果再想要国内访问方便一些，就去买个域名绑定到vercel上，比如我这个 notecard.top 域名，阿里云买，一年12。

有了域名，给出去也能算是个名片，会玩就能玩出花儿来。

比如，买个自己名字全拼的域名，遇到身边有爱读书，爱发书摘的朋友，告诉他，

“你去浏览器输入我名字全拼，我自己做的网站，能帮你做好看的书摘卡片，嘎嘎漂亮~~”

我感觉对编程小白来说，这话说出来倍儿有面~

02

这个过程挺有意思的，本来打算做个简单功能，主要给自己公众号做封面配图用，黑底白字或者白底黑字就行，这种简单功能不值当去打开PS。

为的也是测试一下，不懂代码能不能用ChatGPT写完整项目。

一开始也是照着这个思路去做的，仿的是艺术字生成网站，我说功能，让ChatGPT去帮我实现，用了5天，也看不懂代码，基本全程复制粘贴，出来是这个样子，确实说明不懂代码也能写。

全程和ChatGPT的对互动逻辑基本就是，我的网页上有个什么按钮，我希望它实现什么功能，我复制代码到程序里调试，再把报错信息全粘贴给ChatGPT，再复制新代码。

循环这个动作。

这个项目，按照自己要求设计比例生成图片，确实可以实现，但是艺术字特效那里，怎么搞都不好看。

接下来，其实可以将就着用，以后公众号封面就能随手制作了，但是它有点丑，我拿不出手，所以又精进了一下，才有了网站现在的样子。

03

字体特效搞不定，就换了个思路，去搞背景美化。

一开始研究的是怎么做出类似微信读书那样的书签，黑底金字，简单直接，像素级模仿，画面很容易出来，在这个主题下，二维码颜色也是刻意模仿的，其他情况下二维码全是黑白。

然后给每个元素加上控制显示隐藏的控件，再然后越加越多……

04

代码超过300行，不懂代码，基本就能感觉到ChatGPT的智障时刻了，有时候能莫名其妙给你改个单词，有时候能给你胡编一套说辞，导致前面的函数都不能运行，还得无限Crtl+Z，回撤到一开始能运行的状态。

比如，要提取微博信息的时候，他一开始说他读取了github上微博爬虫项目里的函数，结果实际上根本就没这个权限，最后给我甩了一堆不能用的代码。

来来回回折腾好几次才发现这个问题，于是我再去一段一段给他复制，让他帮我找爬虫的逻辑，应用到我的项目上。

越到项目后期，这样的智障时刻越多，因为每次新做一个改动，都有可能导致前面的函数不能用，也可能前面权限太高，后面不能用，具体错误出在哪，他说不清，我就得一个个试过去。

现在这个网站还是有很多bug，比如字体文件太大，网页不能加载，比如不同手机浏览器打开，各有各的问题，但是基础功能都能用，先用着，以后慢慢改。

05

虽然自媒体们为了卖课，总是在夸大AI的效果，什么两小时实现完整项目，三天写出一年文章……使用者的知识储备量和产出效果一点也不提。

但是你不能否认，AI以后就是会替代一些基础重复的工作，或者，AI以后就是会替代自己。

可能来得早一些，可能来得晚哪一些，但是一定会来。

面对这种变化，你必须有意识去了解AI，使用AI，知道他是怎么回事，你才不会人云亦云，别人说他是智障，你就跟着说他是智障，别人说他是颠覆，你也跟着说他要颠覆。

具体是怎么回事，体验过才知道。

06

周末不知道玩点啥的话，可以先从给自己整一个属于自己的这样的网站开始，没基础的话，可能会慢点，但是看到成品的时候，一定会很有成就感。

遇到卡壳的地方就去找AI产品问，字节的豆包，百度的文心一言，腾讯的腾讯元宝，国外产品ChatGPT。

基本流程如下：

第0步：需要有电脑，且自己的网络可以访问谷歌。

这个不能教，不会，可以去 bing.com 去搜一下，基本花费30分钟到2小时能搞定。

比较考验信息鉴别能力，花钱0元到30元之间。

试试看，成本不高。

第1步：

https://github.com/

网页右上角sign up，注册github账号，尽量不要用QQ邮箱，QQ邮箱有很大概率被限制。

第2步：

https://github.com/bajiuguiyi/notecard

点网页右上角的“Fork”，把这些代码转存到自己账号。

第3步：

①进入static文件夹下的images文件夹，点开图片，点右上角“…”选最后一项，删除图片。

然后把自己的头像和二维码的名字改成avatar.jpg和qr_code.png，注意格式，点右上角“Add file”上传Upload files 到当前目录。

②进templates文件夹，打开index.html ，点右上角小笔的图标，编辑这段代码，按键盘上的 Crtl+F ，搜索你希望在我网站上看到的文字，然后改成你想展示的文字。

日期不用改，那是自动更新的。

index.html改好之后，点右上角的Comment Changes ，保存自己的修改。

第4步：

https://vercel.com/

选github账号登录，用之前保存代码的账号登录。