cloudflare部署网站博客

注册cloudflare

需要开加速器注册

官网地址

点击Sign Up注册账号, 输入邮箱和密码(数字字母特殊符号)

点击 Create Account即可

登录cloudflare

需要开加速器登录

登录之后, 进入控制面板, 右上角可以切换简体中文

此行目的: 使用cloudflare部署博客

Cloudflare Worker是免费使用的，不过有一些调用次数的限制（每日100000次）和CPU执行时间的限制，但对于个人用户来说已经完全够用了

使用pages功能部署静态网站

1. 面板左侧选择workers展开, 选择workers and pages页面

2. 有两种方式部署: workers和pages, 这里建议使用pages. 因为workers需要加速器才可访问(workers有个helloword部署, 部署成功后可以试试访问)

3. pages标签下, 可以导入github仓库代码, 也可以直接上传, 我们先使用直接上传网站内容

4. 创建项目名称, 比如: helloworld, 上传构建后的前端项目文件夹或者压缩包, 然后点击部署

5. 如果买了域名, 可以添加自定义域名(设置自定义域)

6. 可能每次部署后, 访问地址都会变(不太确定)

关于自动部署

cloudflare提供了从github或gitlab存储库获取项目, 当存储库发生改变时, 会自动构建部署的功能, 只需要链接github仓库, 选择构建模板为vitepress即可

只需要本地开发完成后, 推送至github, 后续部署会自动完成, 省去了手动上传的操作

常见问题

构建命令需要与本地项目中的package.json一致, 默认为npx vitepress build, 如果你的package.json中build的构建命令是vitepress build, 就ok

如果package.json中, build的构建命令是vitepress build docs, 则需要修改cloudflare中的构建命令为: npx vitepress build docs