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

type

Post

status

Published

date

Oct 22, 2023

slug

cdn_acc

summary

使用免费 CDN 加速小流量个人博客，提升访问质量，NotionNext 框架博客的访问优化。

什么是 CDN

CDN，全称为 Content Delivery Network（内容分发网络），是一种网络基础设施解决方案，旨在通过在全球范围内部署多个分布式服务器，将网站或应用的内容更靠近用户进行存储和分发，从而提高内容访问的速度和可靠性。

这样做能有效减少服务器的延迟，提升网站的加载速度，并有助于承担原始服务器上的流量，使之更加稳定。

免费 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

节点状况： https://status.blogcdn.net

注意：

cdn限制默认不支持websocket，cdn不允许商业用途，不允许违法用途。

申请条件：拥有个人博客或开源程序网站或其他非盈利公益站点(导航站论坛图床等，接受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 为例，介绍部署过程：

根据收到邮件的信息（注意检查垃圾邮件），进入后台；

在 套餐管理 - 我的套餐，购买一个套餐；节点状态

在 网站管理 - 我的网站，新增网站，填入域名 dsuper.xyz www.dsuper.xyz，源地址设置 cname.vercel-dns.com；

设置 回源协议，跟随协议；

申请域名证书：

等一段时间，编辑该条目，开启 Https：

在 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>

套用效果

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

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

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

结语

将域名分区域解析能提升境内外整体的访问效果。个人兴趣的博客流量不大，使用免费 CDN 能覆盖日常开销，注意合理使用，请不要滥用！

感谢富有开源精神的极客们！