你需要一个Webring：复古网络社区的现代复兴指南

通过构建环形链接列表，让个人网站之间形成有机互联，重拾早期互联网的社区精神。

什么是Webring？

Webring（网络环）本质上是一个循环链表结构的网站集合。每个参与站点都包含指向环中前一个和后一个站点的链接，形成一个闭环。这个概念起源于1990年代互联网早期，当时搜索引擎还不完善，人们通过这种方式发现志同道合的网站。

核心特征

• 主题驱动：环内站点通常围绕特定主题（爱好、专业、兴趣等）
• 社区自治：无需中心化平台，完全由参与者自行维护
• 有机增长：新成员通过现有成员的链接加入，形成自然传播

为什么现在需要Webring？

在2026年的今天，互联网已被少数几个超级平台垄断。个人网站虽然越来越多，但往往成为信息孤岛。Webring能带来：

1. 发现机制：绕过算法推荐，通过人工选择的链接发现优质内容
2. 社区归属：与志同道合的人建立直接连接，而非通过平台中介
3. 技术趣味：实现和维护Webring本身就是一种有趣的编程练习
4. 反脆弱性：不依赖单一服务器或平台，每个站点都是环的节点

实现方案

方案一：手动环（零代码）

最简单的方式：让环内成员互相在网站上放置链接。假设有A、B、C三个站点：

• A站链接到B站
• B站链接到C站
• C站链接回A站

优点：无需任何后端，纯静态即可
缺点：成员变更时需要手动通知所有人更新链接

方案二：自动化环（Cloudflare Worker实现）

使用一个中心化的Web服务管理成员列表，提供导航接口。作者推荐使用Cloudflare Worker（免费层足够）。

技术架构

typescript
import ring from './ring.json';

const { members } = ring;

export default {
async fetch(request, env, ctx): Promise {
const pathname = new URL(request.url).pathname;

// 获取来源站点
const referrer = new URL(request.url).searchParams.get('from') 
  || request.headers.get('referer') 
  || request.headers.get('referrer') 
  || '';

const currentMember = members.find(member => member.url === referrer);

if (!currentMember) {
  return new Response('Member not found', { status: 404 });
}

switch (pathname) {
  case '/':
    return new Response('Zadu');
  
  case '/next':
    const nextMember = members[
      (members.indexOf(currentMember) + 1) % members.length
    ];
    return Response.redirect(nextMember.url, 302);
  
  case '/prev':
    const prevMember = members[
      (members.indexOf(currentMember) - 1 + members.length) % members.length
    ];
    return Response.redirect(prevMember.url, 302);
  
  case '/random':
    const randomMember = members[
      Math.floor(Math.random() * members.length)
    ];
    return Response.redirect(randomMember.url, 302);
  
  default:
    return new Response('Not Found', { status: 404 });
}

},
} satisfies ExportedHandler;

关键设计要点

1. 成员识别：通过HTTP Referer头识别来源站点，因此访问者必须从环内某个站点的链接跳转过来
2. 循环导航：使用取模运算实现环形结构，最后一个成员的下一个是第一个
3. 随机跳转：增加/random路由，提供发现新站点的乐趣
4. JSON数据源：成员信息存储在ring.json中，结构示例：

{
"members": [
{"url": "https://site-a.com", "name": "Site A"},
{"url": "https://site-b.com", "name": "Site B"}
]
}

部署步骤

1. 在Cloudflare Dashboard创建Worker
2. 将上述代码粘贴到worker.ts（或使用wrangler CLI）
3. 创建ring.json并上传（可通过Wrangler的--compatibility-date参数配置）
4. 每个环内站点在页面中放置指向Worker的导航链接：
   • <a href="https://your-worker.workers.dev/prev?from=YOUR_SITE_URL">Previous</a>
   • <a href="https://your-worker.workers.dev/next?from=YOUR_SITE_URL">Next</a>
   • <a href="https://your-worker.workers.dev/random">Random</a>

进阶玩法

1. 主题分类

可以为每个成员添加tags字段，实现按主题筛选：

{
"members": [
{"url": "...", "tags": ["programming", "linux"]}
]
}

然后添加/tag/programming路由返回该标签下的成员列表。

2. 统计功能

记录每个成员的点击次数，生成热力图：
typescript
// 使用Cloudflare KV存储
const count = await env.KV.get(click:${currentMember.url});
await env.KV.put(click:${currentMember.url}, (parseInt(count) + 1).toString());

3. 动态加入

实现一个加入表单，自动验证新站点是否已包含环内链接，通过后自动加入JSON列表。

历史背景

Webring的黄金时代是1995-2000年，当时有WebRing.com等托管服务。随着Google崛起和社交网络兴起，Webring逐渐消亡。但近年来，随着个人网站运动（IndieWeb）复兴，Webring重新获得关注。

与RSS的关系

Webring和RSS是互补的：RSS解决内容订阅问题，Webring解决站点发现问题。两者结合可以构建完整的个人网站生态。

实践建议

1. 从小开始：先找3-5个朋友建立小环
2. 明确主题：环的主题越具体越好（如“用Rust写编译器的个人博客”）
3. 保持活跃：定期检查成员链接是否有效
4. 装饰UI：在网站上添加一个复古风格的Webring小部件，增加视觉效果

完整源码

作者的完整实现可在GitHub找到（原文链接包含），包含：

• Worker完整代码
• 前端组件示例
• 管理API

结语

Webring不仅是一种技术实现，更是一种互联网精神的回归。在算法推荐和信息茧房日益严重的今天，通过Webring建立的人际连接网络，让我们重新找回早期互联网的探索乐趣。正如作者所说："It's just fun."

原文链接：https://shub.club/writings/2026/july/you-need-a-webring/