利用Cloudflare轻松搭建免费个人网站对于个人网站来说,利用 Cloudflare 的服务可以轻松实现网站的加速和 - 掘金

同步来源:树洞剪藏 源站剪藏 ID:274 原文地址:https://juejin.cn/post/7331980540208758793
利用Cloudflare轻松搭建免费个人网站对于个人网站来说,利用 Cloudflare 的服务可以轻松实现网站的加速和 - 掘金 set 限制解除
首页
BOT
沸点
课程
直播
活动 AI刷题 NEW 商城 APP 插件
创作者中心
会员
登录
注册
利用Cloudflare轻松搭建免费个人网站
cortxu
2024-02-06
2,050
阅读2分钟
Cloudflare 不仅是一个强大的内容分发网络(CDN)和 DNS 提供商,还为用户提供了许多高级功能,如 SSL 加密、DDoS 保护、灵活的页面规则和缓存优化等。对于个人网站来说,利用 Cloudflare 的服务可以轻松实现网站的加速和安全性提升。下面是一个简单的步骤指南,帮助你基于 Cloudflare 创建一个免费的个人网站:
一、准备域名
虽然 Cloudflare Pages 提供了免费的三级域名(如 *.pages.dev),但如果你希望使用自己的域名,可以选择在 Cloudflare 购买新域名,或者从其他域名注册商将已有域名转入到 Cloudflare。以下是域名转入的流程(以腾讯云为例):
1、创建网站;
访问 Cloudflare Dashboard,注册 Cloudflare 账号。
点击 “Add a Site” 创建网站,选择免费计划。
在 “Change your nameservers” 页面,记录下 Cloudflare 分配给你的两个 nameservers。
2、修改 DNS;
登录腾讯云控制面板,找到要转出的域名。
修改 DNS 服务器为 Cloudflare 提供的 nameservers(注意:转出状态的域名可能无法立即修改 DNS)。
3、转移域名;
在腾讯云域名信息页面发起域名转出请求,获取转移码。
在 Cloudflare 的 “Transfer Domains” 页面输入域名和转移码,完成转移。
(可选)为了加快域名转出流程,可以在腾讯云申请快速转出。
二、准备 GitHub 仓库
Cloudflare Pages 支持自动部署网站。以 Hugo 静态网站为例,你可以在本地创建一个 Hugo 网站,然后将其推送到 GitHub 仓库。
三、创建 Cloudflare Pages
1、创建 Page 应用;
在 Cloudflare Dashboard 中选择 “Workers & Pages”。
点击 “Create application”,选择 GitHub 仓库,并设置 Framework preset 为 Hugo。
保存并发布。
2、设置自定义域名:
进入刚创建的 Pages 应用,选择 “Custom domains”。
点击 “Set up a custom domain”,输入你的域名(如 cortxu.com 和 www.cortxu.com)。
Cloudflare 会自动为你绑定域名和服务器。
四、完成与测试
等待几分钟后,Cloudflare 的绑定就会生效。此时,你就可以通过设置的域名来访问你的网站了。整个过程除了可选的域名托管费用外,其他都是免费的,非常适合个人建站。
标签: 前端
评论 0
0 / 1000
标点符号、链接等不计算在有效字数内
Ctrl + Enter
发送
登录 / 注册 即可发布评论!
暂无评论数据
cortxu
客户端开发 @tencent
3
文章
2.2k
阅读
2
粉丝
关注
已关注
私信
目录
收起
一、准备域名
1、创建网站;
2、修改 DNS;
3、转移域名;
二、准备 GitHub 仓库
三、创建 Cloudflare Pages
1、创建 Page 应用;
2、设置自定义域名:
四、完成与测试
相关推荐
CloudFlare R2 个人免费图床搭建教程
1.2k阅读 · 1点赞 使用 Cloudflare + Hexo 搭建免费静态博客
74阅读 · 1点赞 免费!如何用Cloudflare轻松搭建Uptime-Flare监控服务!实时掌握网站状况!
13阅读 · 1点赞 使用Astro+Vercel+Cloudflare一天时间开发部署上线一个知识博客网站
155阅读 · 1点赞 利用 Cloudflare Access - 打造个人私密站点
1.3k阅读 · 10点赞
精选内容
使用pnpm和直接使用npm有什么区别
Y11_推特同名
· 99阅读 · 3点赞 Vite插件搞定图片预加载
码上有料
· 52阅读 · 0点赞 谁说这爬虫不好写呀,这AI爬虫太好用了!!!
blzlh
· 281阅读 · 29点赞 NPM的问题与未来
叶知秋水
· 51阅读 · 0点赞 封装对象属性值获取方法
Carlos_sam
· 38阅读 · 0点赞
找对属于你的技术圈子 回复「进群」加入官方微信群
为你推荐
Cloudflare域名解析
无代码Dev
11月前
530
2
评论
WordPress
DNS
使用 Cloudflare + Hexo 搭建免费静态博客
LinWhite
1月前
74
1
1
Hexo
Cloudflare 又出了一个可以免费使用众多开源 AI 大模型的服务
三金得鑫
7月前
682
1
评论
AIGC
人工智能
Linux系统搭建网站服务器教程,入门级建站教程
zeruns
2年前
1.4k
3
1
Linux
PHP
CDN 是如何解析到离用户最近的边缘节点?
elvinnn
3年前
2.7k
6
3
CDN
DNS
前端
使用acem自动签发ssl证书
allbs
5月前
139
点赞
评论
开源
全栈
基于Cloudflare内网穿透实现自建图床
入秋的大橘
1年前
2.0k
7
评论
服务器
如何搭建稳定的私有ChatGPT服务?
centurysee
1年前
2.4k
10
2
人工智能
DNS域名详细解析过程
菠菜人生
2年前
1.8k
8
2
DNS
如何在国内访问vercel部署应用?
non_hana
1年前
5.3k
61
30
前端
运维
从零开始部署一个网站详细图文教程——腾讯云的服务器、SSL证书,阿里云的域名,七牛云的对象存储、CDN等
王翊珩
1年前
237
1
评论
后端
解决国内无法访问OpenAI API
CoderJia
10月前
5.9k
9
评论
ChatGPT
VuePress 博客优化之开启 HTTPS
冴羽
2年前
1.1k
28
9
前端
Vue.js
VuePress
[2021.6小白向]使用腾讯云轻量服务器快速搭建一个属于自己的博客
福儿fule
3年前
1.8k
3
评论
后端
Blog CDN加速
DemoLi_已被占用
2年前
375
1
评论
CDN
AI代码助手上线啦 选中代码,体验AI替你一键快速解读代码
立即体验
APP内打开
登录掘金领取礼包
更多登录后权益等你解锁 登录 / 注册
沉浸阅读