news 2026/5/26 9:49:10

这个 GitHub 神器让 Gemini 写的网站 3 秒上线,累计部署 67 万个网站。

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
这个 GitHub 神器让 Gemini 写的网站 3 秒上线,累计部署 67 万个网站。

Gemini 3 发布后令人惊艳的效果还在持续发酵。

现在的 Gemini 3 写前端代码,尤其是 HTML/Tailwind/JS 这一套已经很吓人了。

你给个草图或几句人话,它就能给你吐出一堆能跑的代码。

相信你也刷到过类似下面这种炫酷的 Vibe Coding 网站:

比如上面这两个,像贾维斯一样手势操控仪表球;还有手势控制 3D 粒子旋转,酷毙了。

本文教你 3 分钟使用开源项目 PinMe 把 Gemini 生成的应用部署到线上,发给你的好朋友,他们也能访问,也能玩。

01

Gemini 生成网站

你可以打开 aistudio.google.com,找到侧边栏的 build 模式。

然后输入你想生成应用的提示词,比如:生成一个年会抽奖程序,要求非常炫酷,支持后台上传 excel 导入人员名单、配置奖品、配置默认中奖人。

你可以把 AI 生成的代码下载下来,在你本地就是一个这样的文件。

以前你拿到 AI 生成的代码,还得折腾 Vercel、买服务器、配 Nginx 或者是搞 GitHub Pages,挺烦的。

现在你可以使用开源项目 PinMe,一个命令把静态网站变成任何人可访问的链接。

02

部署网站

PinMe 是一个一键部署工具,如果你想把 AI 生成的网站部署到线上,可以考虑用它。

首先安装 PinMe:

npm install -g pinme

安装完成之后,可以使用下面的命令,把本地网站文件部署到线上。

pinme upload /path/to/file-or-directory

这个命令敲出去,PinMe 会开始干活,把你的文件上传到 IPFS 网络。几秒钟后,它会吐给你一个链接,通常是 .eth.limo 或者 IPFS 网关的链接。

这就完事了,你的网站已经在线上了,全球可访问。

这玩意儿不仅是快,而且很多时候是基于 IPFS 的,这意味着你的网站是钉在网络上的,很难被单点关停。

没有乱七八糟的带宽账单,特别适合做 Landing Page、个人名片、或者临时跑个 Demo 给客户看。

Gemini 3 几秒钟生成,PinMe 几秒钟上线,这效率这谁受得了。

03

项目原理

PinMe可以简化去中心化前端(Decentralized Frontend)的发布流程。

一行命令把视频、音频、图片、代码、文件夹发布成任何人都能访问的链接。

感兴趣的可以去这个开源项目主页看看,有用点个 Star。

开源地址:https://github.com/glitternetwork/pinme

PinMe 依赖于 Glitter Protocol 的基础设施来运行:当你在本地运行命令时,PinMe 会自动检测你的静态文件目录,将其打包压缩。

文件会被上传到 IPFS 网络,并通过 Glitter Protocol 的节点进行 Pinning(钉住),防止数据因长时间无人访问而被网络垃圾回收机制清除。

上传成功后,你会得到一个 IPFS CID(内容标识符),以及一个基于网关的可访问 URL

例如 https://ipfs.io/ipfs/<CID> 或特定的网关链接。

项目愿景中包含自动更新 ENS 记录的功能,这使得你可以拥有一个像 myapp.eth 这样易读的去中心化地址,而不是一长串乱码哈希。

04

点击下方卡片,关注逛逛 GitHub

这个公众号历史发布过很多有趣的开源项目,如果你懒得翻文章一个个找,你直接关注微信公众号:逛逛 GitHub ,后台对话聊天就行了:

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/26 6:16:38

Win11 查找并开启 IE 浏览器教程

Win11 正式发布后&#xff0c;不少用户第一时间升级了新系统&#xff0c;却发现找不到熟悉的IE浏览器。其实这是因为微软已在 Win11 中正式移除了的独立前端程序&#xff0c;但它的核心内核仍被系统保留。下面就为大家分享 Win11 开启 IE 浏览器的具体操作步骤&#xff1a; 右…

作者头像 李华
网站建设 2026/5/25 15:50:34

效率翻倍!盘点 15 款我离不开的“神仙软件”,不仅有 AI 神器

有粉丝问我&#xff1a; 你录动图软件用的是啥&#xff1f; 你录视频用啥软件啊&#xff1f; 你的视频剪辑用的什么软件&#xff1f; 你平时写作用啥软件&#xff1f; 我今天盘点一下我日常比较常用的、非常好用的几款软件。 截图 Xnip 传送门&#xff1a;https://zh.x…

作者头像 李华
网站建设 2026/5/26 5:06:49

半导体行业正迈入前所未有的“千兆周期”

本文由半导体产业纵横&#xff08;ID&#xff1a;ICVIEWS&#xff09;编译自tomshardware行业分析认为&#xff0c;人工智能时代正在同时重塑芯片市场的各个方面。人工智能的浪潮正以前所未有的深度和广度重塑全球半导体产业。来自行业巨头与研究机构的一致预测表明&#xff0c…

作者头像 李华
网站建设 2026/5/26 6:15:40

八股文学习日常(虚拟机篇)

1.介绍JVM的内存模型JVM的内存模型共分为五大部分&#xff0c;虚拟机栈&#xff0c;方法栈&#xff0c;堆&#xff0c;元空间和程序计数器&#xff1a;1&#xff09;程序计数器&#xff1a;可看作当前线程执行字节码的行号显示器。用于存储当前线程执行方法的JVM指令地址。当执…

作者头像 李华
网站建设 2026/5/25 21:25:27

EmotiVoice能否生成双语混合语音?中英文夹杂合成实测

EmotiVoice能否生成双语混合语音&#xff1f;中英文夹杂合成实测 在智能语音助手、虚拟偶像和国际化内容创作日益普及的今天&#xff0c;用户早已不满足于“能说话”的TTS系统。他们期待的是更自然、更具表现力的声音——比如在一句中文里流畅插入“Zoom会议”、“deadline”或…

作者头像 李华
网站建设 2026/5/25 16:04:38

EmotiVoice语音合成系统灰度回滚机制设计要点

EmotiVoice语音合成系统灰度回滚机制设计要点 在智能语音助手、虚拟主播和有声内容平台日益普及的今天&#xff0c;用户早已不再满足于“能说话”的机器语音。他们期待的是富有情感、贴近真人表达的声音体验。EmotiVoice 正是在这一背景下脱颖而出的开源TTS引擎——它不仅支持多…

作者头像 李华