首页 > 其他分享 >github pages使用cloudflare加速自定义域名概要

github pages使用cloudflare加速自定义域名概要

时间:2024-09-24 13:12:12浏览次数:7  
标签:github 解析 自定义 域名 DNS cloudflare pages

首先,整个操作涉及三个管理方

  • githubpages
  • cloudflare的DNS解析设置
  • 自定义域名的解析设置

其次,你需要知悉这些内容

  • DNS及CNAME解析
  • github pages的基本部署
  • 域名的基础管理
  • cloudflare的基本域名添加及解析管理

概要步骤

github pages部分

  • 在github pages页面,先启用部署(Build and deployment)
  • 启用部署后才能看到自定义域名的选项(Custom domain),就下面这玩意儿

    注:我是已经配好了再来截的图,所以check后是绿色的successful了

  • 这里填上自己要使用的域名(比如我这里填的子域名tools.toxicu.com
  • 填好后,它会自动检测DNS,不用管,反正cf和域名解析没配置,这里肯定是失败的。也可以点击 DNS CHECK 手动检测
  • 在配置后,github在项目根路径下生成一个CNAME文件(其实里面就写了一个网址),要确保部署分支下有这个CNAME文件,不然你会遇到404的问题。比如在自动部署的vue项目中,可以把它放在 public 文件夹下

cloudflare部分

  • 在DNS解析设置界面添加一条CNAME记录,其中的username是仓库所在帐户的用户名(github.io后面啥都不用,不要画蛇添足
  • 保存后,cloudflare就知道这条记录要解析到github.io了
  • 在DNS解析设置同一页面,往下滚动,有个cloudflare DNS的东东(这个待会儿会用到)

域名管理部分

  • 在自己域名DNS解析中添加一条CNAME记录,解析到cloudflare的DNS(从上面提到的那个位置挑个DNS就行)
  • 保存后,等DNS生效后,就能够正常访问了(示例 tools.toxicu.com)(在github pages页面检查DNS的话,会看到如前面图中一样的DNS check successful字样)

总结

整个过程其实也好理解:

  • 个人域名配置解析到cloudflare的DNS
  • cloudflare再解析到github pages
  • github page再根据对应git用户帐户下配置的自定义域名解析到相应的页面

相关参考

标签:github,解析,自定义,域名,DNS,cloudflare,pages
From: https://www.cnblogs.com/noah227/p/18226411

相关文章

  • 代码管理系统简介与部署git、gitHub、gitLab
            在开发一个项目时,如果只有几十行代码或几百行代码时维护还算简单,但是当代码数量达到一定程度或两三个人共同开发一个项目时,就很容易会出现代码混乱、冲突、排错难等问题。当代码编写完成以后发现整个项目运行不了时,提交的代码也无法确认到责任人,导致维护项目时......
  • 万象更新 Html5 - vue.js: vue 指令(自定义指令)
    源码https://github.com/webabcd/Html5作者webabcd万象更新Html5-vue.js:vue指令(自定义指令)示例如下:vue\directive\vcustom.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>vue指令(自定......
  • go基础-10.自定义数据类型
    在Go语言中,自定义类型指的是使用type关键字定义的新类型,它可以是基本类型的别名,也可以是结构体、函数等组合而成的新类型。自定义类型可以帮助我们更好地抽象和封装数据,让代码更加易读、易懂、易维护自定义类型结构体就是自定义类型中的一种除此之外我们使用自定义类型,还可......
  • 子比主题美化-右上角显示用户自定义头像
    前言使用子比主题的都会发现,在右上方不管用户有没有自定义过头像,都只会显示默认的头像,这就很不科学,也不够个性,所以就有了这个教程,让右上角显示用户自定义的头像效果对比修改前修改后教程开始宝塔面板路径:wp-content/themes/zibll/inc/functions/zib-header.php 156行-......
  • 让人眼前一亮的开源项目「GitHub 热点速览」
    时隔两周,我又带着让人眼前一亮的开源项目回来了!告别数据线、蓝牙、WiFi和网络,只需用手机的摄像头扫描一张动图条形码(需安装应用),就能在设备间传输文件的libcimbar,一款无需联网和蓝牙的文件传输工具,仅用摄像头传输数据。用Rust编写的PostgreSQL数据库命令行管理工具rainfro......
  • Python模块和包:自定义模块和包③
    文章目录一、模块1.1什么是模块1.2创建模块1.3导入模块1.4模块的命名空间二、包2.1什么是包2.2创建包2.3导入包2.4包的命名空间三、综合详细例子3.1项目结构3.2模块代码student.pycourse.pymanager.py3.3主程序代码main.py3.4运行结果四、总结Pyth......
  • Hexo-GitHub部署魔改第一步-config
    Hexo-GitHub部署魔改第一步_config.yml1.config.yml#HexoConfiguration##Docs:https://hexo.io/docs/configuration.html##Source:https://github.com/hexojs/hexo/#Site#设置博客的标题title:YourBlogTitle#子标题,可选subtitle:'xxxxx'#博客的描述,可选......
  • Python实战:为Prometheus开发自定义Exporter
    Python实战:为Prometheus开发自定义Exporter在当今的微服务架构和容器化部署环境中,监控系统的重要性不言而喻。Prometheus作为一款开源的系统监控和警报工具,以其强大的功能和灵活性受到了广泛的欢迎。然而,Prometheus本身并不直接监控所有类型的服务或应用,这就需要我们为其开发自定......
  • Chirpy+Github
    相关网址Chirpy示例:网页上有官方教程,我写的肯定不全Chirpy示例仓库:这个就是包含官方教程的那个示例的仓库Chirpy模板仓库:直接fork这个仓库,快速搭建,没有多余的东西RealFaviconGenerator:生成图片替换原来的蚂蚁图片fontawesome:扩展侧边栏时,图标可以从这里找......
  • 震撼!AI实时生成游戏,每秒20帧,谷歌扩散模型最新突破一夜爆火,附论文介绍和GitHub代码
    震撼!AI实时生成游戏,每秒20帧,谷歌扩散模型最新突破一夜爆火,附论文介绍和GitHub代码。“比Sora还震撼”,AI可以实时生成游戏了!谷歌DeepMind打造出了首个完全AI驱动的实时游戏引擎——GameNGen。在单个谷歌TPU上,它以每秒20帧模拟起了经典射击类游戏DOOM(毁灭战士)。所有游戏画面都是根据......