当前位置:首页 > 技术分享 > 正文内容

不写一行代码,小白10分钟开发网站!早餐费就靠它了

lmwmm1年前 (2024-12-22)技术分享1084

在这篇文章里面,我会详细讲讲,一个不懂编程的小白,怎么从零开始,用AI做一个游戏站。

本次分享针对的是编程小白,编程大佬可以忽略。

小白也能玩转的AI编程工具

我在这个案例中,用的AI工具是vercel最新推出的v0,传送门:https://v0.dev/

当然,现在还有很多AI编程工具,比如cursor、Windsurf等。不过,综合来看,vercel等v0.dev开发、部署,都是一条龙服务,对新手更加友好。

进入之后我们应该看到下面的界面

不写一行代码,小白10分钟开发网站!早餐费就靠它了

如果没有账号的话,注册即可,我就不在这儿啰嗦了。

看到那个页面,我们就可以开始使用v0.dev开发游戏站点啦。

一句话,开发游戏站点

在这个案例里面,我用的是下面的提示词。这个提示词,实际上我也是花了一两分钟写出来的,有点粗糙。

生成游戏独立站网页,请按照以下要求进行开发:
1、游戏独立站网页仅支持一个游戏
2、站点分为navbar、hero、主内容区(主内容区用iframe嵌入游戏),faq、网站footer模块
3、navbar有login、home、privacy、blog按钮
4、footer有contact链接和support
5、使用酷炫的网站游戏风格
6、网页要利于seo,要求服务端渲染

上面的提示词输入给AI后,AI会马上开干,生成了网页,结果在图上可以显示。不写一行代码,小白10分钟开发网站!早餐费就靠它了

点击下图右上角的按钮,就可以在新的网页看到我们开发网站的效果了。

不写一行代码,小白10分钟开发网站!早餐费就靠它了

在这个例子中,我们的效果就是下面这个图片

不写一行代码,小白10分钟开发网站!早餐费就靠它了

样示调整

如果我们对网页中某个模块不满意,可以点击下图右上角画了红框的地方不写一行代码,小白10分钟开发网站!早餐费就靠它了

点击后,我们可以点击任意想要改动的模块,这时候就弹出AI对话框,通过语言的描述,就可以修改对应的模块了。不写一行代码,小白10分钟开发网站!早餐费就靠它了

这个体验我感觉挺不错的。

支持多语言

我们的站点是针对全世界的,所以,支持多种语言,会让我们的站点能够触达更多国家。 支持多语言的网站,只要选择了对应的语言,就能切换整个网站的语言类型了,比如下面这样。

不写一行代码,小白10分钟开发网站!早餐费就靠它了

让站点支持多语言不算麻烦。但是,用AI来帮忙修改,更加容易。我们上面的那个网站,就是用下面的提示词修改的,整个过程,1分钟也不到。

不写一行代码,小白10分钟开发网站!早餐费就靠它了

好了,到这个阶段,我们的网站已经完成了60%了。

这百分之60%的工作,我也只用了不到10分钟的时间。

对于编程小白来说,要完成这60%的工作,从入门到精通,再到开发,时间绝对要超过21天。

添加游戏

看到这儿,有些小伙伴们可能有疑惑。前面都是在说怎么做网页,游戏呢?

都说是游戏站了,我们的网页上总得有个游戏吧,那么游戏从哪里来呢?

我给大家介绍一种目前阶段最简单的方式。

添加game site monitor工具

首先我们添加一个谷歌插件

https://chromewebstore.google.com/detail/game-site-monitor/oncciefipdiikcdklcdngfjdfkbgkodp

这个插件,可以看到近期游戏大站添加的最新游戏。这种大站添加的游戏,爆的几率也高一些。

不写一行代码,小白10分钟开发网站!早餐费就靠它了

插件添加完成后,点开插件,就可以看到上面的界面。上面游戏,都是几个比较大的游戏站点添加的游戏。

我们可以点击画了红框的按钮,点击后可以跳转到对应的游戏站点。

比如https://www.crazygames.com/game/ball-guys这个游戏站点,点击红色框部分的内容,然后复制“https://www.crazygames.com/embed/ball-guys”。这就是我们所要找的游戏链接

不写一行代码,小白10分钟开发网站!早餐费就靠它了

拿到这个游戏链接后,我们就可以让AI帮我们把链接添加到游戏站点

不写一行代码,小白10分钟开发网站!早餐费就靠它了

完成后,继续点击部署就可以啦。

不写一行代码,小白10分钟开发网站!早餐费就靠它了

至此,整个站点的开发和部署工作就完成了。整个过程,没有涉及到一段代码。

那么,游戏站点的功能完成后,接下来我们可以做什么呢?

1、优化游戏中的文案,我们站点上面的文案还是AI生成的,需要我们替换成我们自己的文案。

2、购买域名,并且将域名绑定到我们的站点

3、将站点提交到google search console ....

当站点的流量起来后,为了获得收入,得申请google adsense...

最后,给大家泼点冷水。仅靠一个站赚钱,几乎不太可能。

就像我们写公众号一样,仅靠一篇文章,也不太可能大爆。

想要能真正赚到钱,还是得不断迭代、和做seo优化。

做这种站点的好处是,一旦做起了,那就是真正的睡后收入了。

篇幅有限,很多内容还无法分享,后期继续~


本篇文章来源于微信公众号: GoWalker

扫描二维码推送至手机访问。

版权声明:本文由点度点度金讯时代-BLOG发布,如需转载请注明出处。

本文链接:https://www.lmwmm.com/post/4434.html

分享给朋友:

“不写一行代码,小白10分钟开发网站!早餐费就靠它了” 的相关文章

【树莓派基础系列教程】1、配置和初始化树莓派

【树莓派基础系列教程】1、配置和初始化树莓派

从这周开始,给新手朋友们发布一些树莓派的基础教程~今天是第一课,简单介绍一下什么是树莓派,以及拿到树莓派后第一件要做的事情——配置和初始化树莓派! 什么是树莓派 树莓派的简介,看这里:树莓派是什么?能吃吗 树莓派基础外观图 树莓派外设图树莓…

苹果电脑MacBook使用谷歌浏览器翻译的方法

苹果电脑MacBook使用谷歌浏览器翻译的方法

自从上次写了《解决Chrome浏览器翻译无法使用》,有不少苹果MacBook电脑的用户加我微信,咨询我怎么在MacBook上正常使用谷歌翻译的方法,下面就详细说明一下。谷歌翻译终于退出中国,访问原本谷歌翻译的本地化域名,会提示收藏新的网址,…

「ChatGPT最强竞品」爆火:不限量不要钱免注册!一手实测体验在此

「ChatGPT最强竞品」爆火:不限量不要钱免注册!一手实测体验在此

金磊 丰色 发自 凹非寺免费、支持中文、无需注册、不用骚操作直接可用的类ChatGPT产品,它来了!(此等好事必须第一时间和家人们分享)毫不意外的,目前它的热度已经被炒到不行:而且已经有一波网友抢先体验了一番,铺天盖地的一致好评。例如微博博…

为什么AutoGPT这么火爆?手把手带你安装和体验AI自主机器人

为什么AutoGPT这么火爆?手把手带你安装和体验AI自主机器人

最近几天,一直在忙自己的AIHub.cn网站,目前已经上线了几百款优质AI产品和教程近日,AI界貌似出现了一种新的趋势:自主人工智能。继ChatGPT后,一个叫AutoGPT的开源项目火了,短短几天,在GitHub star达到近4万了,可…

树莓派上运行 Stable Diffusion,260MB 的 RAM“hold”住 10 亿参数大模型

树莓派上运行 Stable Diffusion,260MB 的 RAM“hold”住 10 亿参数大模型

编辑:梓文、张倩Stable Diffusion 能在树莓派上运行了!11 个月前 Stable Diffusion 诞生,它能够在消费级 GPU 上运行的消息让不少研究者备受鼓舞。不仅如此,苹果官方很快下场,将 Stable Diffus…

Windows 11 23H2 新增"系统组件"中心

Windows 11 23H2 新增"系统组件"中心

微软正在 Windows 11 23H2 中测试新的"系统组件"页面,这一功能最终也将抵达 22H2。设置"中的"系统组件"页面是一种管理默认应用程序、扩展程序、编解码器和其他被认为与 Wi…