Cloudflare Pages搭建个人网站指南

admin1周前 (10-25)技术教程22

在静态个人网站搭建领域,GitHub Pages 是入门首选,而 Cloudflare Pages 则是进阶最优解。相较于传统静态托管服务,Cloudflare Pages 拥有全球极速 CDN、无流量限制、自动 HTTPS、智能缓存、跨平台部署等更强能力。本文将讲述使用 Cloudflare Pages 建站的详细教程,几分钟即可上线属于自己的高速个人网站、技术博客、作品展示站。

Webmaster.jpg

一、前期准备

注册 Cloudflare 账号:访问 Cloudflare 官网,使用常用邮箱注册登录,默认开通免费个人版权益。

注册 GitHub 账号:前往 GitHub 官网完成注册,注册的用户名就是子域名的名称。

使用这个  GitHub 账号,参考前文《GitHub Pages搭建个人网站指南》,搭建好一个基于GitHub Pages的网站。

二、部署流程

Cloudflare Pages 提供文件直传部署(纯新手、快速上线)、客户端工具部署和Github关联自动部署(长期更新、博主首选)等多种模式,第一种方案非常简单,就不详述了,这里就详细介绍一下Github关联自动部署的方案。

登录 Cloudflare 控制台,点击左侧菜单栏,选择“构建”-“计算”- “Workers 和 Pages”,点击右上角 创建应用程序,选择 Connect with GitHub,连接 Git 仓库,授权绑定个人 GitHub 账号,选择需要部署的公开仓库,进入构建设置页面,按默认的参数构建,点击 保存并部署,系统自动拉取GitHub仓库代码并安装部署。

后续更新就非常简单了,只需本地更新内容、推送代码到远程GitHub仓库,Cloudflare 会自动完成重新部署,全程自动化无需人工干预。

除了上门两种方法之外,还可以通过Cloudflare自己的工具软件上传文件,网页面板拖拽上传最多1000个文件,大量文件不能用拖拽,可以使用 Wrangler CLI 来构建部署Cloudflare,免费版上限为20000个文件。

部署方法是:

先安装Node.js,之后执行以下命令安装Wrangler:

npm install -g wrangler

安装完成后,使用你的Cloudflare账号登录:

wrangler login

按照提示在浏览器中完成授权。

将你的所有文件整理到一个文件夹中(例如名为 my-site 的文件夹),然后在该文件夹的父目录下运行创建和部署命令:

wrangler pages deploy my-site --project-name=<你的项目名称>

运行此命令后,系统会引导你完成项目创建,之后,上传过程就会开始。

其他常用命令有:

查看看当前登录的用户 wrangler whoami

注销用户 wrangler logout

三、自定义域名

Cloudflare默认的免费子域名辨识度低,绑定自定义域名可提升网站专业性。

提前在Cloudflare注册一个域名,进入 Pages 项目详情,找到 “域” 功能,点击“添加域名”,即可添加自己的域名,系统自动生成 DNS 解析记录,一键确认生效。

开启 始终使用 HTTPS、自动重定向 HTTP 请求,全站加密访问,Cloudflare 免费自动配置 SSL 证书,永久有效。

DNS 解析缓存一般10分钟内生效,生效后即可通过专属自定义域名访问网站。

四、对比选择

免费的GitHub Pages和Cloudflare Pages搭建网站,配额和限制有不同,GitHub Pages不限制文件数量,但限制仓库大小为1G,每月出站流量 100GB,单文件最大 100MB,Cloudflare Pages不限制流量,但限制项目文件数量为上限为20000个文件,单文件最大 25MB,每月免费构建500分钟。

因此,文件超2万就选GitHub Pages;高访问流量就选Cloudflare Pages。


相关文章

用PagesCMS和GitHub创建免费静态网站

用PagesCMS和GitHub创建免费静态网站

如何替换WordPress这样的动态CMS网站,虽然VS Code + Front Matter CMS + Hugo + GitHub也是一种免费方案,但对于普通用户来说,使用VS Code还是有一…

Hugo搭建静态网站教程

Hugo搭建静态网站教程

之前我介绍了Cloudflare Pages,GitHub Pages等静态网站托管平台,那么,用户如果想搭建一个静态网站,还需要一个静态网站生成软件,在大量的同类工具里,例如Hexo、Jekyll等…

日常使用电脑及周边遇到的一些问题

日常使用电脑及周边遇到的一些问题

解决WIN10连接蓝牙音响音量无法调节的问题问题描述:如果你用Windows连接你的蓝牙设备,无法调节音量,那么继续往下看。问题原因:从1803版本开始后,WIN10调整了蓝牙策略,默认启用了蓝牙绝对…

xiaocms伪静态规则

xiaocms伪静态规则

XiaoCms企业建站版基于PHP+Mysql架构 是一款小巧、灵活、简单、易用的轻量级cms。能满足各种企业站 博客 等中小型站点。我之前有不少网站是用它建的。但最近发现了官方伪静态的一个问题,当栏…

一些常用的sql操作语句

一些常用的sql操作语句

一个客户的网站,文章有几万条,每篇文章里都有一个固定电话号码,可是最近他取消了固话,想改成手机号。 几万条数据一条一条地改是不可能的。只能在数据库里批量替换。这里需要用到sql的字符串替换。&n…

一些常用的linux命令

一些常用的linux命令

Linux服务器之间互相传输文件的命令:scp。例如主机a中存在一个大文件 /opt/test/abc.zip,传到主机b中的:/opt/test/目录下,可登录到主机a下,使用scp命令如下:scp…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。