TapeOut.linkarticles

从 0 到 1：教你用 AI 在 TapeOut 里搭建一个永久网站

·@ywweb3·教程

手把手教程：准备一个小钱包和任意能写代码的 AI，用提示词生成单文件 index.html，到容器工厂一键流片开容器，再经 Hashport 或 Tapeout Scan 上传。8.4MB 是单个文件的限制，超过可以分多次上传；全程 15…

从 0 到 1：教你用 AI 在 TapeOut 里搭建一个永久网站

引言

TapeOut正在打开一个全新的世界——没有服务器、没有域名商，你的网站直接写在链上，永远在线、谁也删不掉。 还有一点要注意，我的标题是：从0到1教你用AI在Tap Out里搭建一个永久网站 这是一块刚被发现的新大陆。已经有人在上面盖起了房子：黑神话悟空、洪七公的TAPQQ、各种DeWEB应用……生态正在长起来，但空地还很多，现在跑马圈地正是时候。 这篇教程就是帮你从零开始圈一块地，并盖上房子：用AI生成一个完整网站，永久部署到TapeOut容器里，全程不写一行代码。 全程耗时：15-30分钟。 全程成本：不到100元。

准备工作（开始前必须搞定的 3 件事）

✅ 1. 准备一个加密钱包

  • 推荐：MetaMask / OKX Wallet / TokenPocket
  • 重要提醒：为防止被盗导致资产损失，用专门的小钱包，别用存大额资产的主钱包
  • 钱包里存少量 Gas 费（BNB Chain 就存 BNB，X Layer 就存对应 Gas 币，大概 10 美元左右）

✅ 2. 准备一个 AI 工具

  • 推荐：ChatGPT / Claude / 豆包 / Kimi，任意一个能写代码的 AI 都行
  • 不需要你会写代码，会打字描述你想要什么就行

✅ 3. 心理准备

  • 全程点鼠标、复制粘贴，不需要任何编程基础
  • 遇到问题别慌，在文章评论区问或在X、Telegram上私信我

具体操作步骤

1. 一键流片并开通容器

肖战阳（@Xiao_zhanyang）容器工厂：https://id.tapeout.link/

具体操作流程视频演示：

2. 创建网站（HTML文件）

以下以制作收益计算器为例：

演示用的提示词：

视频操作演示：

生成HTML成功后操作：

  1. 保存 HTML 文件到电脑本地
  2. 把文件重命名为“index”
  3. 新建一个文件夹，把 HTML 文件放进去
  4. 确认本地文件的真实名字为“index.html”（这个非常重要，必须得一字不差）
  5. 视频演示：

3. 将网站（HTML文件）上传

方案一：通过Hashport官网（只能上传到BNB Chain）

  • Hashport网址：https://www.hashport.ai/
  • 视频演示：

注意事项说明：单个文件大小必须在 8.4MB 以内，但不代表网站程序总大小只能 8.4MB，如果超过 8.4MB 可以通过多次上传实现

方案二：通过Tapeout Scan上传

  • Tapeout Scan网址：
  • https://deweb.tapeoutexplorer.com/deweb/publish.html

视频演示：

注意事项说明：单个文件大小必须在 8.4MB 以内，但不代表网站程序总大小只能 8.4MB，如果超过 8.4MB 可以通过多次上传实现

常见问题 FAQ

  • Q1：我不会写代码，真的能做吗？ A：完全可以！全程用 AI 生成代码，你只需要复制粘贴。
  • Q2：一共要花多少钱？ A：开通容器 + 上传文件，Gas 费加起来通常不到100元人民币。
  • Q3：网站以后会被删掉吗？ A：不会！只要 BNB Chain 还在运行，你的网站就永远存在，谁也删不掉，包括你自己。
  • Q4：我想改网站内容怎么办？ A：重新上传一个新的 index.html 覆盖就行，每次上传付一点 Gas 费。
  • Q5：文件太大传不上去怎么办？ A：新手先做单页纯文字网站，不要放图片和视频，文件越小越好。大文件可以以后用 IPFS / 外部存储解决。
  • Q6：钱包连接不上 / 按钮点不动怎么办？ A：刷新页面、切换网络、换 Chrome 浏览器、清缓存重试。还不行就在评论区或私信我。
  • Q7：是不是程序大小不能超过8.4M？ A：不是只是单个文件不能超过8.4M，不代表网站程序总大小只能 8.4MB，如果超过 8.4MB 可以通过多次上传实现。

结语

完成以上步骤，你已经成功将一个网站永久部署到了TapeOut的链上容器中。这个网站不依赖任何中心化服务器，只要底层区块链网络持续运行，它就会持续存在并可被访问。 需要说明的是，DeWEB目前仍处于早期实验阶段。文件大小、访问速度、用户体验都还有明显的优化空间，相关工具和协议也在快速迭代中。本教程基于当前版本的操作流程编写，未来界面和步骤可能会发生变化。

  1. 如果你希望进一步探索，可以尝试：
  2. 部署多页面网站或简单的交互应用
  3. 绑定传统域名，降低普通用户的访问门槛
  4. 尝试在X Layer等成本更低的链上部署
  5. 关注TapeOut生态的新工具和新协议

早期参与的价值在于熟悉规则、积累经验、建立身份。但任何新兴技术都存在不确定性，建议用小额成本学习体验，不要投入超出承受范围的资金。

教程到此结束。如有操作问题，可在官方社群或评论区交流。

文章末尾固定信息

本教程涉及的工具与资源：

  • Hashport网址：https://www.hashport.ai/
  • Tapeout Scan网址开通网站：https://deweb.tapeoutexplorer.com/deweb/publish.html
  • 容器工厂：https://id.tapeout.link/

本教程演示生成的网站网址：https://12-10.tapekit.org/

交流与反馈：

  • 如有操作问题，欢迎在评论区留言或加入官方社群交流。
  • 本人推特：@ywweb3
  • 本人tg：@yw_tapeout
在 X 查看原文 更多文章