Johnsonの备忘录

  • 首页
  • 服务器主机
    • VPS主机
    • 树莓派
    • Linux
  • 云服务应用
    • 云应用
    • 网站建设
  • 软件工程
    • Devops
    • 程序编码
  • 跨境出海
    • 营销联盟
    • 跨境电商
  • 工具导航
    • VPS探针
    • Affiliate导航
  • About
首页
Johnsonの备忘录
  1. 首页
  2. 云服务应用
  3. 网站建设
  4. 正文

使用Cloudflare Pages搭建静态网站

2022年7月11日 1093点热度 0人点赞 0条评论

前言
Cloudflare Pages是一个JAMstack平台,供前端开发人员协作和部署网站。使用 Cloudflare Pages 部署您的动态前端应用程序。页面速度超快,始终保持最新状态,并直接从您的 GitHub 帐户部署。支持常见JS框架,包括React,Vue,Gatsby和Hugo。

操作步骤
登录Cloudflare Pages
首先是登录,前往 pages.cloudflare.com 按照操作。

创建项目
点击创建项目,连接 GitHub 。

选择存储库
从 GitHub 中选中项目

设置构建和部署
构建还算是挺简单的,这里我们如果是传统静态页面直接点保存并部署即可。

如果是比如 Vue、React、angularjs,选择框架预设。

大部分静态网站程序在Cloudflare Pages构建模板里面都有

这里我使用的是 Hexo 搭建的 Blog

Cloudflare目前预设框架中暂不支持,但只需手动填写命令即可。

部署站点
最后点击保存并部署即可。

设置域名

点击 自定义域 :

输入要绑定的域名:

如果你用的是 Cloudflare 的 DNS 的话,Cloudflare可以一键设置 CNAME。如果不是的话就需要手动设置 CNAME,登录域名管理后台,添加一条 CNAME 指向默认的 pages.dev 域名。

设置完成后需要一段时间才会生效。

以上就是 Cloudflare Pages 的设置过程。免费的 Cloudflare Pages 账户每月最多只能构建 500 次,对于个人博客或小网站来说已经足够。

目前 Cloudflare Pages 只能通过 Github 来部署,不能直接上传 HTML。

标签: 暂无
最后更新:2022年7月11日

Johnson

没有天生的高手,也没有永远的菜鸟

点赞
< 上一篇
分类
  • Devops
  • Linux
  • VPS主机
  • 云应用
  • 未分类
  • 树莓派
  • 程序编码
  • 网站建设

COPYRIGHT © 2021 126.PLUS ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

粤ICP备2021165387号-1

粤公网安备 44030502008515号