十年之约的新版网站快上线了。
这次改版由我牵头，新 logo 也是我画的。
这篇文章讲新版做成了什么样，以及每个地方为什么这么做。开工时我给自己定过一条规矩：每个决定都要有数据或者理由撑着，不能因为我觉得好看就去做。
一稿计划 | Last one
上篇 · 为什么要改
热情撑不了十年
十年之约是一个独立博客的公益项目。博主承诺自己的博客十年不关站、持续更新，我们把博客收进名录。最早一批博客在 2017 年签约，明年第一批 32 个博客就满十年了。到今年 8 月，在约的博客有 1913 个。
这些年，项目一直靠大家的热情撑着，周边也是我们自己掏钱做的。成员一年年坚持写下来，我们能回馈的还不多，送上的是一句"再来一个十年"。这份热情很珍贵，也正因为珍贵，不能一直只靠它。
所以这次改版，我借用了商业项目的做法来做这个公益项目：用数据说话，算清成本，让价值经得起验证，让项目能长期、稳定地运转下去。
一张表决定了先改什么
十年之约有个功能叫虫洞，点一下就随机把你送到一个成员的博客。它累计送达了 61.3 万次，这是十年之约最大的家底。
我把在约的博客按最近 90 天有没有更新分成两组，算了一下各自被送达的次数：
最近没更新的博客，反而被送得更多。 这 1366 个博客占了全部送达的 72.4%。访客点四次虫洞，差不多有三次会落到一个三个月内没有更新的博客上。这次改版，我想让访客更多地遇到正在更新的博客。
所以我先改虫洞，再谈页面好不好看。新的虫洞规则是：
- 只送半年内有更新的博客。
- 按更新情况给每个博客算权重，更新越勤，被抽到的机会越大，但最高和最低最多只差 3 倍。用 8 月的数据模拟 10 万次，半年内有更新的博客占总数的 38.6%，能拿到 58.8% 的曝光。差距看得出来，也不会让少数几个博客把流量全吃掉。
- 加入年数不算分，点击量和停留时间我们不收集。
- 整套规则公开写在网站上。
规则公开以后，推荐谁、为什么推荐，所有人都看得到，这对我们自己也是一种约束。
题材先于年份
做每个需求之前，我会先问三个问题：谁会来，他想要什么？他要做判断，需要看到哪几条信息？几方的需求之间，谁是因，谁是果？
签约年份服务的是已经加入的成员，让他们有成就感；题材服务的是第一次来的访客，帮他找到想看的内容。访客能找到好内容，网站才有口碑，成员的年份徽章也才会被更多人看见、更有分量。题材是因，年份是果，所以名录的第一层筛选是题材。
现在网站有九个题材：摄影、视觉、旅行、美食、影音、读书、生活、技术、财经。题材由博主申请时自己选，审核时核对，不靠关键词自动归类。技术也是九个题材之一。偏技术的博客已经有不少目录站在收；摄影、旅行这类内容要自己去拍、去走才写得出来，我们想让它们在名录里更显眼一些。九个题材放在一起，是希望访客在这里能看到各种各样的博客。
中篇 · 新网站的设计
整体风格
新网站默认打开深色模式，整体是有电影感的现代风格。首页用一个照片球开场，虫洞是一扇光门，页面会随着滚动发生变化。
风格参考了好几个网站，每一层借鉴一家：结构和滚动方式借鉴一家，光门借鉴一家，粒子借鉴一家，配色思路借鉴一家。每一层都只取思路，再按十年之约自己的需要重新做，没有哪一层是整套照搬的。
配色
配色由三部分组成：
- 底色是黑白灰。
- 九个题材各配一种颜色，每种颜色都取它最饱满的那一档。访客看到颜色，就知道这是哪一类博客，颜色本身就在传递信息。
- 品牌橙色做点缀，和九个题材色放在一起用。
橙色只做点缀，是因为橙色又亮又艳，白字压在上面对比度只有 2.94:1。我们试过大面积铺橙，整屏显得太闹，不像一个读博客的地方。
配色还要满足一个特殊要求。十年之约在清明这类哀悼日会把整个网站变成灰色，所以任何信息都不能只靠颜色区分。题材靠图标和文字区分，名录里博客的几种状态（在更新、半年未更新、未接入订阅、暂时联系不上、已离约）靠方块的形状区分。已经离约的博客整张卡片变灰，不用红色。这些博主只是没有继续写下去，没有犯什么错。
一条交互原则
整个网站的交互都遵守一条原则：访客什么都不做的时候，也要一眼看到他做判断需要的信息。 动效只给已经看得见的东西加反馈，不能拿来藏东西。
我们曾经做过一个"满屏灯海"的概念，鼠标照到哪盏灯，哪个博客的名字才浮出来。画面很美，可访客要找的信息全被藏在了操作后面，手机上更是什么都看不到，这个方案就放弃了。
首屏
首屏是一个照片球，用 35 张成员博客的真实首页截图拼成。
用首页截图而不用头像，是因为头像不稳定。全库登记的邮箱里，QQ 邮箱占 48.6%，这部分能拿到真头像，其余大多显示成同一张灰色剪影。博客的首页最能说明这个博客长什么样、还有没有在写。
照片球右边有一条进度线，写着四句话：
都是真博客吗 / 守了几年约了 / 都在写什么呢 / 有多少实绩呢
访客往下滚，画面跟着变化，一句一句回答这四个问题：先让访客看到这些都是真博客的截图，再把截图平铺开，标上每个博客在约几年，然后按题材归成九堆，最后落下三组数字。这四句话是我们设想的，一个人第一次点进来时可能会有的四个疑问。
不想往下滚也没关系，首屏的文字、按钮和搜索框，一打开就能看、就能点。
首屏的主标题是：不为流量写的博客，值得被人好好读。 下面分别写给读者和博主：
写给读者：在这里点开的每一个博客，都约定了十年不关站
写给博主：真实访客随机逛到你这儿，不用求算法赏脸
旧标语"一个人的寂寞，一群人的狂欢"用了很多年，是很多成员熟悉的一句话。这次首屏想先讲清楚网站是做什么的，所以换成了直接说明的句子。另一句"都是真人在长期更新"也先拿掉了。写博客难免有停下来的时候，1913 个在约博客里，有 1177 个半年内没有更新，这句话我们现在还不能对访客说满。
虫洞
虫洞是一扇光门。黑色的画面里只有一扇发光的门，访客点"穿过虫洞"，镜头往门里走，抽中的博客从门里展开。
落地后，页面上有 12 秒倒计时和两个按钮。访客可以点"进入这个博客"，在新标签页打开它，也可以点"再来一个"留在原地继续抽；什么都不点，12 秒后会自动进入这个博客。旧虫洞停 4 秒就整页跳转，这次把停留时间放长，进不进入由访客自己选。
博客下面写着为什么把访客送到这里：半年内有没有更新，最近 12 个月有几个月在写，在约第几年，属于什么题材。分发规则公开在规则页上，每次分发的理由也直接写在访客眼前。
送达次数现在要访客真的进入了博客才算，点按钮或者倒计时结束自动进入都算一次，同一个人 24 小时内去同一个博客只记一次。
手机端
手机上的手指既用来滑动，也用来点击。照片球占了大半个屏幕，如果截图可以点，用户想往下滑，一碰就会被带进某个博客。
所以手机和平板的首屏用的是透视环。同一批截图排成两三圈，左右滑动可以转，点截图没有反应，往下滑照样会展开、归类、落下数字。虫洞的两个按钮在手机上固定在屏幕底部，大拇指够得着。
下篇 · logo
选一个大家早就认识的颜色
新 logo 的颜色借鉴了华与华提出的"超级符号"思路：不去创造一个新符号，而是选一个大家早就认识的符号。
在博客圈，大家最熟悉的颜色是橙色。RSS 订阅图标是橙色的，谷歌的 Blogger 用的也几乎是同一个橙。写过博客、订阅过博客的人，看到这个颜色很容易联想到博客。
所以新 logo 用了 RSS 橙 #FF6600。这个颜色和博客的关系早就存在，不需要我们从头建立。
保留正负空间的 BF
旧 logo 是我 2019 年画的：一个粗笔画的 B，里面挖出一个细细的 F，代表 Forever Blog。
一开始我只想在旧图形上小修小补，可改来改去，总脱不开当年的样子，新的东西加不进去。后来我只保留了最核心的一样东西：正负空间的 BF，实心的 B 里面藏着一个镂空的 F。我认为这是旧 logo 最有辨识度的地方，其他的都可以重做。
我要的效果是：logo 变了，但别人看到还知道是我。
往前倾的图形
新 logo 整体往前倾，笔画更粗，F 的镂空更清楚，整个图形看起来像在往前跑。这个项目已经跑了快十年，现在还在往前跑。
中文"十年之约"四个字改成圆润的粗笔画，和图形用同一种笔触。英文 ForeverBlog 保留斜体，字距拉开一些。斜体本身就带着活力和动势，和前倾的图形方向一致。
我还做了一个弥散渐变的版本，橙色从中间往四周慢慢变淡，像一盏暖黄的灯。我希望这盏橙色的灯安安静静地一直亮着。
缩到 16 像素，F 依然看得清。
logo 是橙色的，网站却只把橙色当点缀。logo 的任务是让人认出来，网站不需要整个染成 logo 的颜色。
写在最后
我希望十年之约是这样一个地方：你随手点开一个博客，它还在更新；你想知道它为什么会出现在你面前，规则就写在那里；你坚持写了十年，名字旁边会亮起一个角标，这个角标有分量，因为它是你一年一年写出来的。
logo 变了，颜色变了，首屏的那句话也变了，但你一看就知道，这还是十年之约。
也感谢这些年加入十年之约的每一位博主，和每一个为这个项目出过力、掏过钱的人。
文中数据除特别说明外，均来自 2026 年 8 月的生产数据快照和项目内的测算记录。
