0元部署！手把手教你发布 Vibe Coding 作品，让全世界看到你的 Idea

你是否也经历了这样的时刻：对着 AI 疯狂输入指令，看着代码像魔法一样在大脑的 “感应” 下自动生成。终于，本地运行成功了，终端显示着完美的 localhost:3000。

但，这还不够。

真正的 Vibe Coding 不该只停留在自己的电脑里。如果别人看不到，这个 Idea 就还没真正 “活” 过来。今天，教你用最简单的方式，0 成本将你的作品推向全球。

1、前提

VibeCoding 完成你的代码编写，自己电脑本地运行成功。可参考我下面这篇文章：

我用 Claude Code 搞了个免费 PPT 生成器

2、代码上传到 github

首先在注册并登录你的 github，创建一个 New repository

填写 Repository name，Choose visibility 选择 Pulic 或 Private 都可，点击【Create repository】。

本地初始化并推送

# 初始化 Git
git init
# 添加所有文件
git add .
# 第一次提交
git commit -m "first commit"
# 关联远程仓库（把链接换成你自己的）
git remote add origin https://github.com/你的用户名/ppt-tool.git
# 推送到 GitHub
git branch -M main
git push -u origin main

第三步：确认 .gitignore 正确

推送前检查项目根目录有没有 .gitignore 文件，Vite 项目应该自动生成了。确认里面包含这两行，没有的话手动加上：

node_modules
dist

上述期间，命令行会提示需要 github 密码，需要用 Personal Access Token：

• GitHub → 右上角头像 → Settings→ Developer settings→ Personal access tokens→ Tokens (classic)
• 点 Generate new token，勾选 repo权限，生成
• 复制 token，在终端提示输入密码时粘贴这个 token 即可

3、注册 Cloudflare Pages 账号

之前用了 Vercel，结果发现国内无法访问，就改 Cloudflare Pages 了。

官网进入 https://pages.cloudflare.com/ 并注册

4、创建一个 Pages

绑定你的 github 账号并选择项目，点击【Begin setup】

Build command 输入 npm run build,Build output directory 输入 dist , 点击【Save and Deploy】, 等几分钟等待部署完成。

会给你自动生成一个免费域名（网址），比如 https://aippt-tool.pages.dev/ ，大家都可以直接访问了。

4、绑定你的域名（可选）

我之前买过一个域名且备案了，所以做了这步。你没有域名的话，直接用上一步 Cloudflare Pages 给你生成的网址，发给大家用就行了。

Cloudflare 进入你创建的 Pages，然后点击【Custome domains】，输入你的 Domain，点击【Continue】

登录域名服务商（我用的腾讯云），进入我的域名，点击【解析】

DNS 解析设置，按 Cloudflare 给的记录添加

等待 Cloudflare 上显示 Active

访问自己的域名，试试是否能正常访问，不能的话等第二天再看看。