牛脸能捏了,怎么发给别人?
开场|牛脸能捏了,怎么发给别人?
你是不是也用 AI 做出一个网页,结果朋友打不开?
呃,token都花了,总不能只有自己可以玩吧。
我也让AI做了一头可以捏的牛。
今天,我们就来把这头牛,从自己电脑上,搬到朋友的电脑上酷酷展示。
为什么朋友打不开
首先,为什么你的朋友打不开呢?
先看这个地址:localhost:3000。
问题就出在前面这个 localhost,它的中文意思是:本地电脑。
指的是你正在用的这台电脑。
你还可以把它想成一句中文:“我家客厅”。
我说“我家客厅”,指的是我家。
而你说“我家客厅”,实际位置就变成了你家。
牛还摆在我家,你跑去自己家客厅找,那肯定找不到。
恭喜你,已经知道了分享的链接打不开的主要原因了。
所以,要让朋友也能玩,我们得给这头牛找个能对外开放的公共位置。
持续托管网页
这里我用的是 Cloudflare,一个可以托管网站的平台。
cloudflare背后有一大堆服务器。
你可以先把服务器理解成:负责接收访问请求、把网页文件发回去的电脑。
有人来玩,就由它们接待,不用我的电脑一直开着。
其它平台也有托管网站的方案,像GitHub Pages 这些服务,同样可以帮你把网页发布出去。
总之一句话:你需要有一个地方来公开展示你的网页。
那具体怎么放上去?
网页是 AI 写的,怎么发布,我也先让它检查一下。
“看看这个项目能不能作为静态网站部署。需要什么构建命令、发布哪些文件?如果还依赖其他服务,也告诉我。”
然后开始正式部署。
我这次先把代码存到 GitHub。简单地讲它是管理代码的平台,除了存文件,也能记录每次修改过程。像程序员的网盘。
想更多了解github也可以看我这一期哦。
接着,我让 AI 帮我把代码上传到 GitHub 仓库,然后让 Cloudflare连接这个仓库。
打开它,创建应用,选择导入github仓库,找到刚才放牛脸的那个。
接下来按这个项目需要的配置,确认构建和部署设置。
这里的“构建”,就是把写好的源码处理成可以发布的文件。这次生成的主要是这些。
文件准备好,再让平台把它们发布出去,这一步就叫deploy,中文名是部署。
简单地记:GitHub 帮你存代码,Cloudflare 帮你把网站发出去。
当然,也可以跳过 GitHub,直接上传准备好的网页文件。
不过连上仓库,以后更新会方便一些,后面马上讲到。
等部署完成,平台就给了我一个线上网址。
我们马上来验证一下。换台电脑重新打开这个网址。
你看,还是能捏!
牛脸终于可以离开我的电脑了!
这次提供牛脸网页服务的,就是cloudflare上的服务器了。
补充一句,发布后也得看网络能不能访问,所以这一步一定要实际试试。
要是网络有问题也可以看看其它托管方案。
各个平台的要求和入口,我都整理在分享文档里了,需要的时候直接去找就行。
好,网页发出去了。可这个网址,也太长了吧?
那为什么别人的网址,这么简洁好看?
域名|选个你喜欢的名字
简单,money的力量
这其实就涉及到域名注册了。
像 github.com,域名就是网站的名字。刚才那一长串,也是平台分给我的一个域名。
想自己选域名,就去域名注册平台,搜一个喜欢的名字。
如果还没被别人注册,就可以申请使用。
你甚至可以选一个域名,是你自己名字的拼写。
以后分享给朋友时,是不是非常酷。
如果这个域名能注册,先看看价格。
顺嘴一掉ai后缀的域名是真贵。
然后注意下,域名是按年注册、续费的,不是付一次钱就永久归你。
但域名注册好了,还没有和你的网站绑定起来。
所以你还得告诉网络:要去哪里找我的牛?
我们人 记住的是域名,但电脑连接网站,还需要知道对应的 IP 地址。
ip地址就是网络通信时用的地址。
怎么做呢?
这就要用到 DNS,也就是域名系统。电脑借助它,查到域名对应的 IP,再连接网站服务,请求网页。这个查询过程,就叫域名解析。
再举个栗子。
就像你想去一个展馆,得先用地图搜名字,查到地址,再过去。
在通信世界里,这里展馆名字好比域名,地址好比 IP,而地图帮你查地址的功能,就好比 DNS。
所以接下来,我们要在托管平台绑定这个域名,并按平台要求完成解析配置,让大家通过它访问我们的牛脸网站。
等配置完成,再用自己的域名打开、检查一遍。
以后想换托管平台,也可以搬网站、重新绑定和配置解析,继续用这个域名。
恭喜你,知道域名、ip、dns这些名词了,也知道了用自己喜欢的域名绑定网站了。
改了牛脸,还要重新发链接吗?
最后,还有个问题:我想多捏几张脸,改完以后,朋友得换链接吗?
nonono。
我让 AI 改了脸,再把改好的代码提交到原来的仓库。
cloudflare的自动部署,就会重新构建、发布这次更新。
等它完成,再打开原来的网址,新面孔就来了。
所以,朋友收藏的网址可以不变,里面的东西还能继续改。
怎么样,是不是很方便。
我们最后串一下:
最开始,牛只在你的电脑上。
部署以后,平台的服务器负责把网页发给来访问的人。
域名是名字,DNS 帮忙找到地址,浏览器拿到文件,再把牛显示出来,让你捏。
以后更新,重新发布,还是接着用原来的网址。
好了本期视频就到这里,如果对你有帮助记得点个赞哦!
结尾|你的小想法值得一个网址
做完这头牛,可能有人会问:这有什么用?
嗯……只能捏。
但你想想,我们小时候折个纸飞机,好像也没先问过,这东西能解决什么问题。
就是想试试,做出来了,还挺高兴的。
现在有了 AI,这种机会又多了一点。
脑子里那些奇奇怪怪的小想法,可以拿出来试试了!
好玩,本来就是一个把东西做出来的理由。
而你脑子里的那些个小想法,也可以拥有一个自己的网址。