← 手机折腾记一部安卓手机,零成本折腾

只用一部安卓手机,零成本把网站部署到了 Cloudflare

我上高中,没有电脑,只有一部安卓手机。

但我想有个自己的网址 —— 于是花了半天,真的做出来了,全程 0 元。

这篇把每一步都写下来,你照着做就行。


你要准备什么

第一步:注册 Cloudflare 并切成中文

  1. 手机浏览器打开 dash.cloudflare.com/sign-up,邮箱 + 密码注册;
  2. 去邮箱点验证链接(这一步必须做,不做后面会拦住你);
  3. 登录后点右上角头像 → Language → 简体中文。
小技巧:不切中文也能用,但切了以后少踩一半的坑。

第二步:在手机上装一个命令行环境

Cloudflare 的部署工具叫 wrangler,它需要在命令行里跑。

手机装 Termux(去 F-Droid 下,别用应用商店的旧版),然后依次执行:

pkg update && pkg upgrade
pkg install nodejs-lts git -y
npm config set registry https://registry.npmmirror.com
npm i -g wrangler
registry.npmmirror.com 是国内镜像,不加这一步下载会慢到你想砸手机。

验证一下:wrangler --version,能打印版本号就成了。

第三步:让 wrangler 登录你的账号

wrangler login

它会打印一个很长的链接。长按选中复制,粘到浏览器打开,点 Authorize(授权)。

授权完回到 Termux,会看到 Successfully logged in.。

这一步的原理是 OAuth 授权:你不用生成 API Token,也不用把密码给任何工具,点一下"允许"就行。

第四步:写你的第一个网页

mkdir mysite && cd mysite
cat > index.html <<'HTML'
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>我的第一个网站</title></head>
<body style="font-family:sans-serif;max-width:640px;margin:60px auto;padding:0 20px">
  <h1>你好,我是 XX</h1>
  <p>这是我的第一个网站,它部署在 Cloudflare 上。</p>
</body></html>
HTML

第五步:部署

wrangler pages project create mysite --production-branch main
wrangler pages deploy . --project-name mysite --branch main

几十秒后它会打印一行网址,类似:

https://mysite.pages.dev

用手机浏览器打开它 —— 这就是你的网站,全世界都能访问。

第六步(可选):绑自己的域名

xxx.pages.dev 能用,但不够正式。买个域名(十来块一年),把 NS 托管到 Cloudflare,然后在 Pages 项目里 自定义域 绑定,就能用自己的网址了。


我踩过的坑

坑解法
wrangler login 的链接太长不好复制在 Termux 里长按屏幕选「复制」,别手打
npm 装包卡住一定要换国内镜像(第二步那行)
验证邮箱没点,后面一直报错注册完立刻去邮箱点验证
部署上去是 404确认 index.html 在要部署的目录根下
改了内容刷新没变化每次改完都要重新 deploy 一次

成本清单

项目花费
Cloudflare 账号¥0
Pages 托管(含 HTTPS、无限带宽)¥0
手机环境¥0
合计¥0

下一步想看什么? 我用同样的方式还做了:

评论区告诉我,我接着写。

如果这篇帮到你 ☕

可以请我喝瓶水,让我知道继续写下去有人在看。

(赞赏码)