Hacker News Flipboard: 在翻页显示器上可视化热门故事

Hacker News Flipboard 是一种数字可视化工具，它将 Hacker News 的前 20 条热门故事渲染在模拟的翻页式（split-flap）离站公告板上。该项目将标准的基于文本的前页内容转换为机械风格的显示屏，在单个翻页单元格中展示排名、分数和标题。

通过 Quickish Cloud Functions 进行实时数据集成

该公告板由一个 Quickish Cloud Function 提供动力，它会定期抓取 Hacker News 的首页并向所有活跃的公告板广播数据。这种架构确保了不同客户端之间的显示保持同步，而无需进行单独的页面刷新。

显示布局与视觉逻辑

该可视化工具将内容组织成特定的结构化布局，以模仿物理火车站的公告板：

• 行结构： 每条故事都以 RANK · POINTS · TITLE 的格式表示为一行。
• 颜色编码： 排名以 Hacker News 标志性的橙色显示，而分数的颜色则根据点数动态变化。
• 内容修剪： 故事标题会自动修剪以适应可用的翻页单元格。
• 分页： 每一页包含一个空白的首行、十条故事、一个间隔行以及一个小的页脚。
• 页眉： 顶部的琥珀色线条专门用于显示 Hacker News 当前的第一名故事。

交互式控制与自定义

界面提供了多种工具用于用户交互和公告板管理：

• 音频反馈： 一个切换按钮 (♪) 允许用户启用或禁用与翻页过渡相关的机械点击声。
• 显示模式： 提供全屏切换按钮 (⛶) 以实现沉浸式观看。
• 公告板设置： 设置菜单 (⚙) 允许用户调整页面停留时间（每页在翻页前显示的持续时间）并管理安全令牌。
• 外部集成： 该公告板支持通过使用私有令牌向云函数发送 POST 请求来进行外部更新，从而使标题可以由脚本、crons 或 webhooks 驱动。
• 手动覆盖： 用户可以点击任何一行来在实时数据流之上钉住（pin）自定义文本。

技术基础

Hacker News Flipboard 是对原始 Quickish flipboard 项目的重混（remix），利用了 Quickish 平台处理实时数据广播和基于云的调度的能力。