20

基于 Hexo 的 GitHub Pages 配置 CloudFlare CDN

 4 years ago
source link: https://blog.csdn.net/qianghaohao/article/details/83714575
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

基于 Hexo 的 GitHub Pages 配置 CloudFlare CDN

基于 Hexo 的 GitHub Pages 配置 CloudFlare CDN

由于 GitHub Pages 在国外,静态博客页面在国内访问速度可能会非常慢,我们可以用 CDN 来加速,对比了下 CloudFlare CDN 和 腾讯云 CDN,发现 CloudFlare 免费版没有流量限制(腾讯云 CDN 每月由流量限制),而且配置起来非常简单,所以在此选用 CloudFlare CDN 来加速页面访问。

  • CloudFlare 账号
  • 基于 hexo 的 github_username.github.io 静态博客
  1. 在 Hexo 博客 source 文件夹新建名为 CNAME 的文件,内容为个人域名;
  2. hexo g && hexo d 部署生产的静态页面到 GitHub;
  3. 进入 CloudFlare 控制台,点击添加站点,输入个人域名,根据向导进行操作;
  4. 在 CloudFlare DNS 配置页面配置两个 CNAME 均指向 github_username.github.io 地址:
    根域名(@) CNAME 到 github_username.github.io
    子域名(www) CNAME 到 github_username.github.io

⚠️注意:其实一般的域名提供商是不支持根域名 CNAME ,只有子域名才可以,但是 CloudFlare 通过 CNAME Flattening 技术支持这种配置。这么做的好处是我们不需要再一个个添加以 GitHub Pages 的 IP 为值的 A 记录了,同时还能提高后续的可维护性,后续即使 GitHub Pages 的 IP 发生了变化,也不影响,CloudFlare 会通过 CNAME Flattening 技术 自动解析出来。

在这里插入图片描述
5. 将个人域名的 NS 记录修改为 CloudFlare 的 NS;
6. 等 CloudFlare DNS 解析生效后,并且 CloudFlare 站点状态为 Active 即表示配置生效。
在这里插入图片描述

CloudFlare CDN HTTP 强制跳转 HTTPS

默认情况下配置完成后 HTTPS 是开启的,会在 24 小时内给你配的站点颁发 https 证书,并且证书是自动更新的。我们可以在 CloudFlare 控制台配置 HTTP 强制跳转 HTTPS:
在这里插入图片描述
在这里插入图片描述


Recommend

  • 22

    The Cloudflare Global Anycast Network The Cloudflare network spans over 200 cities in more than 100 countries. View system status The larger the network, the b...

  • 6

    零成本获取一个属于自己的博客 ( 日记 ) 站点 ( 白嫖 ) ,多好。使用 GitHub Pages 搭建站点的好处:不用花一分钱不需要维护服务器可以绑定自己的域名快速将内容恢复到历史版本内容可以轻松打包、转移、...

  • 12
    • segmentfault.com 4 years ago
    • Cache

    Hexo博客使用腾讯云CDN加速及优化

    原文地址:Hexo博客使用腾讯云CDN加速及优化使用公共 CDN 加载部分资源修改主题(我的是NexT主题)配置文件,使用公共CDN加载部分CSS、JS文件,我选择的是

  • 14
    • chinomars.github.io 3 years ago
    • Cache

    基于Hexo和github page搭建个人博客

    倒腾过好几次个人主页,但个人原创文章并不多,总是要么在换模板的路上,要不就是在换框架的路上,终于乐此而疲了。这次换个人主页之后还是要静下心来多写文章才是。这篇文章用于答谢Hexo和Archer主题的作者,hexo是到目前为止用过的最好用的博客框架,archer主...

  • 6

    Cloudflare 一直是业内良心商家的典范。强大的服务,充足的免费额度,提供免费的 CDN 更是让许多小站长免收恶意攻击。但是引来过多用户,原本富裕的服务变得拥堵,也是在所难免。这时我们只能「曲线救国」,通过第三方接入来避开被「玩坏」的免费节点。...

  • 5
    • drrany.github.io 3 years ago
    • Cache

    GithubPages+Hexo搭建个人博客记录

    记录一下简单流程和出现的问题。 本文基本上是一个基本步骤的记录,没有太多的讲解,如果希望了解更多原理性知识,推荐阅读文章末尾的链接。 提示:部分网上很多的安装教程基本都进行了简略,以后闲的话可能会补一下(flag插好_(:...

  • 6

    在 Cloudflare Workers 上部署 Hexo 网站 V2EX  ›  程序员 ...

  • 8

  • 6
    • www.yunyoujun.cn 2 years ago
    • Cache

    使用 CDN 加速你的 GitHub Pages 网站

    内容分发网络 Content Delivery Network前言 #除去 WordPress, 许多博客网站是托管于 GitHub Pages 上的,但其在国内的速度实在是难以称道。 所以使用国内服务商的 CDN 对其进行加速不失为一个好办法...

  • 10

    Sorry, you have been blocked You are unable to access fanqiang.network Why have I been blocked? This website...

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK