https://leidun.pp.ua/feed/34

偶遇Xeu的openRin

在阮一峰的网络日志的科技爱好者周刊第303期中，OXeu自荐了TA的基于Cloudflare全家桶的博客项目openRin。感谢Cloudflare免费计划慷慨的额度，只需要有一个能托管到Cloudflare的域名，不需要VPS，就能开箱搭建自己的博客。

免费二级域名

作为一名普通的非计算机方向专业的学生，我暂时还不舍得真正付费购买或者订阅数字资源。于是我去搜寻了有什么免费的二级域名可供注册，排名靠前的搜索结果有us.kg，pp.ua等二级域名。最开始尝试使用的是us.kg，但是经历过几次被暂停解析的事件，所以后来使用了乌克兰的知名域名注册商nic.ua给个人提供的免费域名pp.ua。

注册pp.ua域名时的KYC流程比us.kg(现dpdns.org)更为严格。需要验证一张可用的支付卡片。

一张可用的非银联支付卡片

一张非银联的能以三要素无卡在线支付的卡片对当时的我确实是个门槛。

彼时小红书一直给我的主页塞中国银行的万事达世界借记卡的贴文，于此开始了集卡的故事。

搞定了这些那些，我终于跟着Rin的文档成功搭建了自己的博客。

搜索引擎优化

我最近才开始上心这个事情，Rin还处在2.0版本时，作者Xeu提供了一个workflow预渲染页面，存R2里供搜索引擎抓取，但是要自己配置页面规则。更新到3.0版本之后，就没有这个workflow了。不过Google，Bing和Yandex之类的现代搜索引擎支持JavaScript页面渲染，我为openRin制作了一个生成SiteMap的Worker之后也没什么能做的了。许愿搜索引擎早日索引我的博客。

Cloudflare支持IndexNow

使用 GitHub Actions 自动提交 URL 到 IndexNow

BlurHash

Rin的3.0版本在编辑器粘贴图片时，现在还会计算图片的BlurHash，这样在博客的文章列表页或者文章详情页展示图片时，就可以先展示模糊的占位图，等图片加载完成后再展示清晰的图片了。
形如：

如果缺了BlurHash和分辨率的信息，图片甚至不能在主页作为文章的封面图展示。

虽然Rin的后台管理有兼容任务，但是出于未知的原因，导致补齐图片Blurhash的任务一直失败，所以我只能手动完成这个操作。用AI完成了一个简单的前端网页：本地图片 Fragment 生成器 & 转换工具

最近朋友Shawn在解决这个问题时，利用Cloudflare Woker作后端，直接粘贴链接就能出符合Rin要求的Markdown片段了。图片 URL 转 BlurHash

Google Adsense

网站主们广泛使用的广告联盟，不过我今年2月份的申请被拒绝，应该是彼时网站的文章数目和质量达不到Google的要求，但是最近的申请通过了，正在使用自动广告。

意向广告和页内广告对阅读体验的影响很糟糕，我目前只启用了底部的锚定广告和Google还没有给我投放的左侧的侧边广告。

开源，自部署的网站分析方案

发现朋友Shawn的博客在用Umami，于是我也在Vercel部署了一个。

可以跟着Umami的文档操作：https://docs.umami.is/docs/guides/running-on-vercel

最后

本站就这样飘流在Cloudflare的边缘网络上，不逃，不躲，不避，稳稳地接住你。