在其他论坛复制 Reddit 的最佳功能

# 在其他论坛上复制Reddit的优秀功能 来源：https://xavd.id/blog/post/highlighting-users/ Reddit最被低估的功能是能够将账户标记为“好友”。这个过程无需审批或通知，只需点击按钮，当遇到该用户的帖子或评论时，他们的用户名就会高亮显示。 识别用户就像参加派对时从面对陌生人到偶遇朋友的区别，这很大作用在于让网站感觉像一个*社区*，而不仅仅是一群人互相交谈。 这个功能看似简单，但我总是惊讶于像Lobsters (https://lobste.rs/)和Tildes (https://tildes.net/)这样的在线社区尚未借鉴它。随着Tildes最近宣布正式进入维护模式(https://tildes.net/~tildes.official/1vjt/any_significant_changes_to_tildes_are_extremely_unlikely)，我决定自己动手实现这个功能。在这个日益缺乏真实感的世界里，建立线上人际连接显得比以往任何时候都更加重要。 ## 用户样式来救场！(https://xavd.id/blog/post/highlighting-users/#user-styles-to-the-rescue) 有一类浏览器扩展允许为任意网站应用自定义CSS（最初源自Stylish (https://en.wikipedia.org/wiki/Stylish_(software))，现在有很多选择；我个人偏好Stylus (https://en.wikipedia.org/wiki/Stylus_(browser_extension))）。如果我们编写针对目标用户个人主页链接的样式规则，就能在网站上任何出现该用户的地方高亮显示他们。 为此，我制作了一个专门的工具，名为**rolodex (https://github.com/xavdid/rolodex)**。这是一个小型命令行工具，读取包含用户名的`toml`文件： ```toml # tildes.toml users = [ { username = "a-favorite-user" }, # ... ] ``` 并生成所有需要的CSS代码，在用户发布内容时高亮显示： ```css /* THIS IS A GENERATED FILE */ /* Any manual changes will be overwritten */ .comment-header > a.link-user[href$="/a-favorite-user"], .topic-info-source > a.link-user[href$="/a-favorite-user"], .topic-full-byline > a.link-user[href$="/a-favorite-user"] { color: #ff4500; } ``` 将生成的文件粘贴到Stylus中后，浏览时就能看到该用户被高亮显示： 目前它支持Tildes (https://tildes.net/)和Lobsters (https://lobste.rs/)，之后我可能也会添加对HN的支持。 ## 构建你自己的版本(https://xavd.id/blog/post/highlighting-users/#build-your-own) 这个项目最初只是用来管理我个人关注的用户列表，但很快我就意识到需要将个人用户列表与处理代码分离。因此，我还提供了一个模板仓库，包含初始`toml`文件和安装命令行工具、执行构建及复制结果的封装脚本：**xavdid/rolodex-template (https://github.com/xavdid/rolodex-template)** ## 我们尚未成功(https://xavd.id/blog/post/highlighting-users/#we-havent-won-yet) 虽然这个略显繁琐的流程总比没有好，但它也存在一些缺点： - 修改高亮用户需要编辑本地文件、运行脚本并上传结果，这充其量只能算麻烦，很多用户根本不会费心去做 - 同步选项有限 - 移动端支持不佳 - Reddit会为你生成关注用户的所有帖子/评论动态，纯CSS无法实现这一点 没有什么能取代原生功能，所以如果你在构建/维护社交网络，请考虑将关注功能作为特性添加进去！