使用 CDN 加速个人博客 | 免费 CDN 方案 | NotionNext 修改底部栏

2023-10-22|2024-9-7
D_SUPER
D_SUPER
type
Post
status
Published
date
Oct 22, 2023
slug
cdn_acc
summary
使用免费 CDN 加速小流量个人博客,提升访问质量,NotionNext 框架博客的访问优化。
category
技术分享
tags
NotionNext
CDN
Vercel
建站
icon

一直以来,本博客在大陆地区的访问速度都不是很理想。之前一段时间,Vercel 的访问被严格控制后,我将域名转到 Cloudflare 上,打开小云朵套上了 CF CDN。 Cloudflare 的 CDN 在大陆区域访问往往是“减速器”,一直想找一个更方便的 CDN 使用。

什么是 CDN

CDN,全称为 Content Delivery Network(内容分发网络),是一种网络基础设施解决方案,旨在通过在全球范围内部署多个分布式服务器,将网站或应用的内容更靠近用户进行存储和分发,从而提高内容访问的速度和可靠性。
这样做能有效减少服务器的延迟,提升网站的加载速度,并有助于承担原始服务器上的流量,使之更加稳定。
notion image

免费 CDN 方案

BlogCDN

在阅读也许是 Cloudflare 最佳实践——CNAME 接入、自选/优选 IP 不完全教程这篇文章中,我遇到了为博客等公益站点提供免费的三网优化高防 CDN 的BlogCDN服务。公益 CDN 为初创博主提供:
  • 美国高防线路:为易被攻击的站点提供高防保护 防御为100g秒解,套餐限制带宽10M不限制流量,线路为去程三网直连到cera清洗流量 回程三网cn2晚 高峰速度仍然稳定(测试IP 23.224.143.175)
  • 香港优化线路:该线路到大陆地区平均50ms,套餐限制带宽10M 流量每月100GB,速度晚高峰仍然稳定,但是没有防御
  • 日本优化线路:该线路到大陆地区平均70ms,套餐限制带宽10M 流量每月100GB,速度晚高峰仍然稳定,部分节点没有防御
  • 德国9929线路:该线路到大陆地区平均70ms,套餐限制带宽10M 流量每月100GB
  • 普通线路1:节点为aws日本,支持ws
注意:
  1. cdn限制 默认不支持websocket,cdn不允许商业用途,不允许违法用途。
  1. 申请条件:拥有个人博客或开源程序网站或其他非盈利公益站点(导航站 论坛 图床 等,接受AFF站点),总之就是有非盈利的网站想优化大陆用户访问。
在评论区留言自己的博客地址(xxxx.com),当使用的邮箱为自己博客地址的认证邮箱,或者将自定义域名解析到 blogcdn.net 后(例如:增加 CNAME, cdn.xxxx.com 指向 blogcdn.net),耐心等待一段时间后会收到博主 tanglu 的回复。
如果博客没有问题,会收到 CDN 后台的地址、账户、密码邮件,在 CDN 后台进一步部署。

Cloudlfare 加速解析

对于使用的 Cloudflare CDN 可以通过更好的解析方案进行优化,例如Cloudflare 加速解析。该方案的优势是不需要申请、审核,而且 Cloudflare 永远不会跑路。免费用户采用 Saas 方案即可完成。
CloudFlare 加速解析是 风之暇想 向中国大陆用户提供的公共优化服务;
接入服务节点:cf.515188.xyz
接入使用方式类似于其它CDN的CNAME接入,可以为中国大陆用户访问Cloudflare网络节点大幅度加速;
加速解析仅用于正经网站,非法网站、搭梯、过假墙请绕道,被污染就不再提供服务了!
更多 Cloudflare 优选:CloudFlare优选节点监测平台
名称
CNAME地址
IP类型
维护周期
备注
默认地址
default.cfnode.eu.org
IP双栈
15分钟
本站主要优化维护的地址
纯V4地址
v4.cfnode.eu.org
IPV4
15分钟
本站次要优化维护的地址
纯V6地址
v6.cfnode.eu.org
IPV6
15分钟
本站次要优化维护的地址
网络地址
cf.13d7s.site
IPV4
未知
群友分享的地址效果不错
网络地址
gn.cfsaas.ltd
IPV4
未知
网络分享的地址
网络地址
cdn.anycast.eu.org
IPV4
未知
LOC分享的反代节点
网络地址
cf.0sm.com
IPV4
未知
趣味云&清风客栈提供
网络地址
cf.515188.xyz
IPV4
未知
群友分享的地址

无畏云CDN

当博客的域名备案后,可以免费使用无畏云CDN,新用户注册免费每月 30G 流量。我在加入无畏云联盟每月白嫖 60G 流量看到该方案。
还可以加入无畏云联盟,获取每个月 60G 免费流量。详细介绍见对应博文,感谢@杜老师
推荐使用邀请链接,受邀注册可以额外获得 30 GB 首月流量。

部署 CDN

接下来以 blogCDN 为例,介绍部署过程:
  1. 根据收到邮件的信息(注意检查垃圾邮件),进入后台;
  1. 套餐管理 - 我的套餐,购买一个套餐;节点状态
  1. 网站管理 - 我的网站,新增网站,填入域名 dsuper.xyz www.dsuper.xyz,源地址设置 cname.vercel-dns.com
  1. 设置 回源协议,跟随协议;
  1. 申请域名证书:
    1. notion image
  1. 等一段时间,编辑该条目,开启 Https:
    1. notion image
  1. 在 DNS 服务商将域名 CNAME 解析至控制台显示的 CNAME 域名即完成 CDN 套用。
补充:NotionNext 修改底部栏的方法为,修改 NotionNext 对应主题的 footer.js 文件
例如:medium 主题 footer.js 文件,更新底部栏样式(感谢 ChatGPT 的帮助)
<span className='text-xs font-serif'>Powered by <a href='https://github.com/tangly1024/NotionNext' className='underline text-gray-500 dark:text-gray-300'>NotionNext {BLOG.VERSION}</a>.<br/> 本站由{' '}<a href='https://blogCDN.net' className='underline' target='_blank' rel='noopener noreferrer'>blogCDN</a>{' '}提供境内加速服务.</span></span>
notion image

套用效果

套用优质 CDN 后加速效果非常明显,很直观地感受到本站的访问速度提升。非常推荐部署在 Vercel 的 NotionNext 用户采用该方案,提升博客访问体验。

升级配置|按区域分类 DNS 解析

如果将你的域名设置在阿里云 DNS 或者 DNSPod 上,可以通过设置默认+境外的模式,让 blogCDN 代理境内访问,境外直接从 vercel 获取数据,设置如图:
notion image

结语

将域名分区域解析能提升境内外整体的访问效果。个人兴趣的博客流量不大,使用免费 CDN 能覆盖日常开销,注意合理使用,请不要滥用!
感谢富有开源精神的极客们!

推荐阅读

致谢:
💡
有关CDN配置或者使用上的问题,欢迎您在底部评论区留言,一起交流~

使用 tgState 自建无限图床 | 无限网盘Notion 教育优惠账户 | 设置账户密码永久保留
  • Twikoo
  • Waline
  • Cusdis