news 2026/4/16 10:14:20

这个 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/4/2 1:04:48

mysql中的单多条数据更新和删除

更新单字段名数据update 表名 set 字段名1 新值1 where 字段名旧值1;更新多字段名数据update 表名 set 字段名1 新值1,字段名2新值2,字段名3新值3,... where 字段名旧值1,字段名旧值2,字段名旧值3,... ;若where后不写条件则修改整张表该字段的值删除表中指定数据delete from 表…

作者头像 李华
网站建设 2026/4/4 3:30:43

Corepack 包管理器管理工具

起源是因为之前看到有些项目中有 packageManager 字段&#xff0c;但是又没有找到实际用途&#xff0c;后续才了解到有 Corepack 这个东西。 Corepack 本身是 Node.js 官方提供的实验性工具&#xff0c;用来管理和使用不同版本的包管理器。 可以理解为管理 npm、pnpm、yarn 这…

作者头像 李华
网站建设 2026/4/1 20:05:16

6、GTK 杂项小部件使用指南

GTK 杂项小部件使用指南 1. 对话框(Dialogs) 对话框小部件非常简单,实际上它就是一个预先打包了一些内容的窗口。其结构如下: struct GtkDialog {GtkWindow window;GtkWidget *vbox;GtkWidget *action_area; };它的创建过程是先创建一个窗口,然后在顶部放置一个垂直框(…

作者头像 李华
网站建设 2026/4/15 9:13:52

金融赋能·普惠托育!2025中国婴幼儿照护服务行业发展大会——普惠托育与保险金融行业交流分会议程发布

聚焦普惠托育可持续发展核心命题&#xff0c;破解“融资难、运营险”行业痛点&#xff0c;2025中国婴幼儿照护服务行业发展大会——普惠托育与保险金融行业交流分会将于12月26日13:30-17:00在山东国际会展中心3层济南厅举办。本次分会场以“跨界融合、方案落地、生态共建”为核…

作者头像 李华
网站建设 2026/4/14 14:27:37

鹅厂员工工作满 15 年即可退休,可一次性拿到 21 个月工资!

关注公众号回复“激活码”&#xff0c;获取最新IDEA激活码。近日&#xff0c;腾讯一则“工作满15年即可申请‘荣誉退休’&#xff0c;并获一次性21个月工资”的消息在知乎引起了讨论。2021年&#xff0c;腾讯推出国内互联网首个退休方案&#xff0c;首次将互联网和“退休”二字…

作者头像 李华