跳到主要内容

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账号登录,用之前保存代码的账号登录。

第5步:

点页面右上角,“Add New”下拉选择框,第一项“Project”,进去会看到自己github账号保存的项目。

点项目后面那个“Import”,进去后再点击页面下方的“Deploy”。

部署需要几分钟,可以歇一会儿再回来看这个界面,会给你一个链接,能直接访问网站项目。

第6步:

如果想要绑定自己的域名的话,需要去阿里云或者腾讯云或者其他域名服务商买一个。

比如,阿里云https://wanwang.aliyun.com/ 用支付宝登录,购买域名需要实名,页面有引导流程。

购买以后,回到vercel刚才的项目上,点进去,再点项目页面右上角的“setting”,下面的第二项“Domains”,这里输入你刚才购买的域名,弹窗点确认就行。

之后,按他的提示添加解析,要回到之前购买域名的网站,点进去域名,添加他提到的一个A记录和一个CNAME记录。

接下来,你就可以通过网站访问属于自己的这个工具了。

玩得开心~~

每日运动

图片

点击下方卡片关注公众号,每天都有新分享

有启发,可以点个在看图片