news 2026/9/23 12:28:00

这个 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/9/23 4:35:33

拿到Photoshop的源码了,发现两个意想不到的秘密......

今天看到了Photoshop1.0的源码&#xff0c;有两个想不到&#xff1a;1. 竟然没有用C语言&#xff0c;而是PASCAL。2. 代码中几乎没啥注释。仅有的一点儿注释也都是汇编相关的&#xff0c;不过没有注释根本不是问题&#xff0c;因为代码写得太清晰易懂了&#xff0c;添加注释反而…

作者头像 李华
网站建设 2026/9/23 23:17:34

SQL常用语法全解析:从入门到进阶的实战指南

SQL&#xff08;Structured Query Language&#xff0c;结构化查询语言&#xff09;是操作关系型数据库的核心工具&#xff0c;无论是后端开发、数据分析、运维监控&#xff0c;还是大数据处理&#xff0c;SQL都是不可或缺的技能。从简单的“查询数据”到复杂的“多表关联分析”…

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

基于SSM的社区外来务工人员管理系统【2026最新】

作者&#xff1a;计算机学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等&#xff0c;“文末源码”。 专栏推荐&#xff1a;前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码 精品专栏&#xff1a;…

作者头像 李华
网站建设 2026/9/23 9:44:05

业务总在“催合同”?不是他们急,是系统没跟上!

“合同不是流程的终点&#xff0c;而是业务执行的起点。” —— Gartner《2024 CLM 市场指南》但在现实中&#xff0c;许多企业的合同管理却让业务团队苦不堪言&#xff1a; 起草靠微信传 Word&#xff0c;审批靠私聊催领导&#xff0c;签完合同就“失联”…… 不是业务不懂规矩…

作者头像 李华
网站建设 2026/9/23 2:30:37

7、GTK 杂项小部件全解析

GTK 杂项小部件全解析 1. 状态栏(Statusbars) 状态栏是一种简单的小部件,用于显示文本消息。它会维护一个消息栈,当弹出当前消息时,会重新显示上一条文本消息。为了让应用程序的不同部分使用同一个状态栏显示消息,状态栏小部件会分配上下文标识符(Context Identifiers…

作者头像 李华
网站建设 2026/9/23 16:00:32

基于SpringBoot的宠物医院管理系统(毕业设计项目源码+文档)

课题摘要在宠物医疗行业规范化、精细化运营需求升级的背景下&#xff0c;传统宠物医院管理存在 “病历零散、诊疗流程混乱、收费核算低效” 的痛点&#xff0c;基于 SpringBoot 构建的宠物医院管理系统&#xff0c;适配中小型宠物医院、连锁宠物诊疗机构场景&#xff0c;实现诊…

作者头像 李华