
HeoAwards2026:年度我喜欢的博主
又到了一年一度的推荐博主时间。我会以设计师的视角,把近千个友链挨个访问一遍,挑出真正想推荐的那些。这个项目叫 HeoAwards,一年一次,获奖站点会得到一个 HA 标签。它最初的用意很简单:让更多小众但优秀的站点被看见,也让喜欢折腾的站长不必原地自嗨,能互相看看别人在做什么。
得益于 vibe coding 已经普及到了千家万户,今年能看到大量用它发挥创意的站点,博客这件事又活过来了,太棒辣。

那我们直接开始吧!(排名不分先后)
付之一笑

很少有博客愿意把首页做成一个需要「走进去」的空间。付之一笑把站点拆成码头、图书馆、灯塔、照相馆、AI 美术馆几个去处,用可旋转的 3D 场景串起来,角色能点、能聊,各有各的性格。昼夜跟着访客的本地时间走,天气还会自己变。形式感做到这个程度,内容也没被牺牲:54 张照片、12 个项目、4 件 AI 创作都各有归处。把「浏览」还原成「散步」,这件事他做成了。
马草原

摄影博客很容易做成相册的堆叠,马草原没有。照片按地点归档,卡片统一 4:3,悬停时轻微上浮、画面缓慢推近,标题和定位压在渐变上,一眼就能读到时间与地点。足迹页把去过的城市铺开,标签页另有一套索引逻辑。整套设计收在很窄的色域里,衬线标题负责气质,剩下的交给照片。文字和影像各占其位,这才是「用镜头记录生活」该有的样子。
陆陆侠

陆陆侠的站点像一个不断被打开的信封。文章列表是卡片,点开再展开;正文里的图片也能继续拆成多张卡片,阅读因此变成一次主动探索,而不是被动下滑。相簿、造物、唱片、收藏、游戏各自成区,音游和动画的审美渗透在动效节奏里。交互花哨的博客很多,能把「点击之后发生什么」设计得这么清楚的很少。
大大的小蜗牛

573 篇文章、近 40 万字、1264 个标签,这样的体量放在任何博客上都容易失控,他却收得很稳:单栏、窄测量、克制的玻璃质感,动效只出现在需要提示层级变化的地方。首页把统计、说说和精选文章排成一条清晰的重心线,第一次来的人也不会迷路。设计做到最后是减法,这个站点是很好的例子。
QuokeCola

QuokeCola 把理工科的秩序感做成了审美。全站英文,加载页用网格和编号交代进度,导航收在侧边,展开时像抽屉。页面切换干净,没有一秒钟多余的缓动;排版从首页贯彻到内页,字号、行距、留白守的是同一套规矩。所谓「丝滑」,本质是每个状态都被提前想过了。
HaoUp

基于YoutubeUI深度定制和改造。HaoUp 用 Halo 搭底子,首屏做成大卡片加横向推荐,信息密度高但不吵;瞬间、分类、归档、友链、订阅、多语言切换,连 BUG 提交入口都收在导航里。功能堆到这个数量还能保持界面清爽,靠的是稳定的栅格和一致的交互反馈,工程和设计两头都没落下。
HalfA

HalfA 的站点几乎没有装饰。首屏一句话讲清身份,往下是项目、论文、博客三段,模块之间的间距比文字本身更用力。中英双语、命令面板、文章分类都做在暗处,需要时才出现。作为机器人方向的研究者,他把可读性当成一项工程指标来做。想学布局的人,可以先看他怎么安排模块顺序。
草东

星度是个吃内容、也挑人的主题,草东是少数把它喂饱的人。五年下来,文章、相册、插件作品、友链各自成体系,每个页面都重新适配过,不是套上主题就完事。他还自己写了不少星度没有的组件,魔兽插件那几个页面的信息组织尤其见功力。内容撑得住版式,版式也接得住内容,这种默契是长期维护换来的。
LQQ

我平时很烦被改掉的鼠标指针,LQQ 这个我忍了。指针拖着一条流星尾,停下来会眨眼,属于那种明知道多余却舍不得关掉的设计。站点是 Next.js 写的,排版干净,栏目从文章、瞬间、片刻排到无聊,命名就带着作者的性子。标题里藏的贪吃蛇、片刻页的仿真书脊,都是不急着一眼看穿的彩蛋。vibe coding 的痕迹有,但审美和规划是人的。
ooliver

ooliver 的元素密度很高,高到换个人来做会乱。他靠「资料库」一页稳住了全局:视频、音乐、读到的东西铺在一张无限画布上,缩放、拖拽、浏览,像在整理自己的一间屋子。把收藏变成空间,比任何标签云都更接近「我喜欢什么」这件事本身。设计上的野心,最后落在了很私人的地方。
RavelloH

整站横向滚动,本身就是一次表态:不打算讨好习惯竖着刷的人。RavelloH 用 Next.js 自己写了 NeutralPress,暗色、冷峻、留白很大,每一屏只放一件事。加载动画、光标、转场都服务于同一种气质,没有哪个部件在抢戏。41 篇文章、26 件作品,技术栈从 React 排到 Kubernetes,站点本身就是他能力清单里最直观的一项。
Frederick Chen

同样是极简,Frederick Chen 多了一层纸感。背景是浅色网格,像方格本;链接悬停时整块填色,标题用衬线、正文用无衬线,两套字体分工明确。页面里没有一张装饰图,靠字距、行高和留白撑住气质。看久了会发现,这种「什么都没做」的效果,其实每一处都调过。


























