Total Pageviews

Monday, 21 September 2026

上传本地生成的静态网站的根目录内容到cloudflare pages平台,所得到的静态网站也是可以更新的。(平台给你的域名保持不变)

 登录cloudflare.com后,(我是用github a/c: briteming@gmail.com登录的。)

访问compute-> workers & pages:
https://dash.cloudflare.com/67b8955068b6e20596baa95e0449aa91/workers-and-pages, 如图:


 

在页面里的列表中,点击上一次上传的项目,比如mjb, 页面跳到:
https://dash.cloudflare.com/67b8955068b6e20596baa95e0449aa91/pages/view/mjb ,如图:


 

然后点击右上角的create deployment,然后点击页面底部的folder链接,定位到本地机器上的某个静态网站的根目录,然后点击upload,待上传完成后,点击save and deploy按钮,稍等一会,我第一次上传所得到的静态网站https://mjb-8nz.pages.dev/就被更新了。

演示网站:https://mjb-8nz.pages.dev/ ,https://mvr-acy.pages.dev

访问https://mjb-8nz.pages.dev/,可以看到我2026-09-17 日发表了2个帖子,今天(2026-09-21)又发表了一个帖子。可见静态网站https://mjb-8nz.pages.dev/ 在2026-09-21

被更新了。

 访问https://mvr-acy.pages.dev/,可以看到我在 发表了1个帖子.今天(2026-09-21)又发表了一个帖子,可见静态网站https://mvr-acy.pages.dev/ 在2026-09-21

被更新了。

 

 使用 Wrangler CLI上传本地生成的静态网站的根目录内容到cloudflare pages平台

 上面的从cloudflare.com的网页里上传的办法在上传时,会受到上传的文件数量的限制,最多只能上传1000个文件。如果超过1000个文件,会遇到提示:Your upload exceeds the limit of 1000 files. Please try uploading a smaller amount or use the Wrangler CLI to upload up to 20,000 files.

此时,就需要使用Wrangler CLI来上传了。首先,安装Wrangler CLI:

 在使用 Wrangler 之前,确保已安装 Node.js(建议最低版本为20.18.1)。
npm install -g wrangler

 使用如下命令将静态网站的根目录内容上传至 Cloudflare Pages:

 npx wrangler pages deploy _site/ --project-name=evgi

(先cd到_site/的上一级目录,比如~/evgi-by-brightmann)

会显示:

...

 ✨ Success! Uploaded 3586 files (57.32 sec)

🌎 Deploying...
✨ Deployment complete! Take a peek over at https://eeeabbed.evgi.pages.dev
✨ Deployment alias URL: https://master.evgi.pages.dev

然后,访问https://eeeabbed.evgi.pages.dev或https://master.evgi.pages.dev即可看到你的静态网站上传成功。

--project-name 参数指定项目名称(首次执行会自动创建该项目,后续会自动部署到该项目下,就不需要再加 --project-name 参数。

每部署一次,都会给你2个网址,比如,我新建了‘中国经济’那个源帖后,进行部署,得到2个网址: 

 Deployment complete! Take a peek over at https://856ea414.evgi.pages.dev
✨ Deployment alias URL: https://master.evgi.pages.dev
访问https://master.evgi.pages.dev ,即可看到该网站被更新了。

 绑定自定义域名(可选):

部署完成后,终端会返回类似 [https://my-static-site.pages.dev](https://my-static-site.pages.dev) 的访问链接。如果需要绑定独立域名,可以运行:

npx wrangler pages project create my-static-site
# 后续可在 Cloudflare 控制台或通过域名设置将域名解析至 Pages 关联项目。
 

部署命令实用参数速查

参数/命令用途与示例
测试分支部署

npx wrangler pages deploy ./dist --branch=staging


生成独立的 Preview 预览域名,不影响生产环境。

添加加密环境变量

npx wrangler pages secret put API_KEY --project-name=my-app

--------------------- 

相关帖子:

 上传本地的静态网站的根目录内容到wasmer.io平台和netlify.com平台,所得到的静态网站...

No comments:

Post a Comment