跳到主要内容

技术|博客近期更新

阅读需 3 分钟

这段时间给博客折腾了不少新东西,从友链申请到自动化通知再到微信联动,越玩越上头。挑几个有意思的分享一下。

友链自助申请系统

以前换友链都是靠飞书表单 + 手动确认,流程略繁琐。现在我做了一个全自动的友链申请系统,访客在 友链申请页 填完表单提交即可。

申请提交后,后端会自动做一轮初审:

  • 检查对方是否已经在友链页添加了我的站点
  • 检查头像地址能否访问
  • 检查 RSS 地址能否访问

初审通过后,会在邮件飞书微信公众号三个渠道同时通知我,通知里直接带「同意 / 拒绝」按钮,点一下就能处理,不用再登录后台。

友链申请系统

三个渠道的通知效果:

邮件通知 飞书通知 微信公众号通知

如果 24 小时内我没有操作,系统会自动同意。对访客来说,全程无需等待,体验很顺滑。

友链文章聚合

既然友链都加了 RSS,那不如把大家的最新文章也聚合起来。我搭了一个「友链文章」页面,用 GitHub Action 每 30 分钟定时抓取所有友链的 RSS,文章数据存到独立的 Cloudflare Pages 上,加载飞快。

友链文章聚合

新申请并被同意的友链,只要填了可访问的 RSS,就会自动进入聚合列表,完全不用手动维护。

微信公众号发说说

这个我觉得最酷——现在直接在公众号里发消息,就能变成博客的「说说」

只要在公众号里发一条文字消息,后端会自动创建一条 Memos,公众号还会回复说说的链接。我设置的是用我自己的账号(Brandon)发布,所以说说页看起来完全是我自己在写。

微信公众号发说说

配合之前改版的说说页(换成了类似 X / Twitter 的卡片式信息流),现在发说说、看说说都顺手多了。

说说页改版

说说页全部重写了,改成了类似 X / Twitter 的布局——左侧是个人资料栏,右侧是纵向信息流,每条说说有头像、昵称、时间、内容,底部还有评论和分享按钮。图片点击可放大灯箱查看,手机端左侧栏自动隐藏。

说说页信息流

图片灯箱

博客和说说里的图片,我也给它们加上了灯箱效果——点击图片就能放大预览,支持左右切换,用的是 2KB 的轻量插件 ViewImage,已经集成到站内,不依赖外部 CDN。

数据统计可视化

后台也接入了 Umami 统计,现在能直观看到博客的浏览量、访客数、跳出率、浏览器和来源分布,不用再猜"到底有没有人看我的博客"了。


这波更新主要围绕「自动化」和「联动」:让换友链、发说说、看数据这些事都尽量省心。如果你也在折腾博客,欢迎来 申请友链,或者加个 RSS 订阅,一起把内容串起来。