第 2.4 节

信息资讯类组件

2026-07-31更新 2026-07-31

信息资讯类组件用于在主页中展示热榜、语录、新闻、星座运势和历史事件。除“每日一言”的自定义文字模式外,这类组件大多需要从互联网接口获取内容。

这类组件依赖外部接口

接口维护、网络状态或数据源规则发生变化时,组件可能暂时加载失败。若某个来源失效,可以先切换到同类的其他来源;这不会影响主页中的笔记数据和本地工具组件。

当前可用组件

信息资讯类组件选择列表
信息资讯分类目前包含热搜、每日一言、新闻资讯、星座运势和历史上的今天
组件主要用途使用条件
热搜聚合社区、新闻、技术、游戏等平台的实时热榜可直接使用,需要联网
每日一言随机展示自定义语句或在线语录自定义文字可直接使用;远程接口为 VIP
新闻资讯 👑展示每日新闻快报或知乎日报VIP,需要联网
星座运势 👑展示指定星座的当日多维度运势VIP,需要联网
历史上的今天 👑以列表或图片形式展示当天的历史事件VIP,需要联网
先确定组件比例

热搜和知乎日报适合宽幅区域;新闻快报图片、星座运势和历史图片适合较高的区域;每日一言适合横向卡片。先确定布局尺寸,再选择内容类型,可以减少滚动和裁切。

一、热搜

热搜组件会读取所选平台的当前热门内容,显示榜单标题、热度和原文入口。点击某一条内容后,会在浏览器中打开对应页面。

哔哩哔哩热搜组件
热搜组件会显示来源名称、热榜内容和热度

选择热搜来源

进入“组件内容 → 信息资讯 → 热搜”,在“热搜平台”中选择数据源。当前来源按照内容类型分成五组:

热搜平台来源选择
热搜来源数量较多,选择框会按内容类型分组显示
分类当前来源
视频与社区哔哩哔哩、A 站、新浪微博、知乎、抖音、快手、豆瓣电影、豆瓣小组、百度贴吧、虎扑、米游社、NGA、V2EX、吾爱破解、全球主机交流、酷安
新闻与资讯百度热搜、澎湃新闻、今日头条、腾讯新闻、新浪热搜、新浪新闻、网易新闻、虎嗅网、爱范儿
技术与 IT少数派、IT 之家、IT 之家·喜加一、掘金、简书、果壳、36 氪、51CTO、CSDN、NodeSeek、HelloGitHub
游戏英雄联盟、原神、崩坏 3、星穹铁道
其他微信读书

保存设置后,组件会按所选来源修改标题并重新加载榜单。不同接口返回的数据不完全相同,因此部分来源可以显示具体热度,部分来源只会显示“热度未知”。

来源数量多,不代表始终可用

热搜目前接入多个第三方接口,单个网站改版或接口限流都可能导致对应来源暂时失效。遇到空白或加载失败时,先切换来源验证网络和组件本身是否正常。

布局建议

  • 宽幅组件可以同时容纳较长标题和热度;
  • 高度越大,一次可以看到的榜单条目越多;
  • 技术资讯、新闻和社区热榜可以分别放置多个组件;
  • 不建议在同一页面放置过多联网热榜,以免打开主页时同时发起大量请求。

二、每日一言

每日一言会从多行自定义内容或远程语录接口中随机选择一句,并显示在带背景图的语录卡片中。

每日一言组件
每日一言会把当前语句居中展示在背景卡片中

自定义文字模式

自定义文字模式不需要 VIP,也不依赖语录接口:

  1. 将“每日一言模式”设置为“自定义文字”。
  2. 在“自定义内容”中每行填写一句话。
  3. 调整字体大小。
  4. 选择远程或本地背景图。
  5. 保存组件。

组件每次加载时会忽略空行,并从剩余内容中随机选择一行。它不会按固定时间自动切换;需要重新加载组件或重新打开主页后才会再次随机选择。

每日一言自定义文字与背景设置
自定义模式中每句话单独占一行,还可以设置远程背景图片

远程接口模式 👑

远程接口模式属于 VIP 功能,当前可以选择:

  • 今日语录;
  • 名人名言;
  • 情感语录;
  • 搞笑语录;
  • 朋友圈语录;
  • 《飞鸟集》中文版;
  • 《飞鸟集》英文版;
  • 《爱情公寓》语录。

保存后,组件加载时会从所选接口获取一句内容。如果接口失败,组件会显示加载失败提示,可以稍后重试或切换回自定义文字。

每日一言远程接口来源
远程模式可以在多种语录来源之间切换

字体与背景

  • 字体大小以 rem 为单位,数值越大文字越醒目;
  • 远程背景填写可以直接访问的图片地址;
  • 本地背景从电脑中选择图片;
  • 背景会居中裁切并覆盖组件区域;
  • 组件会在背景上增加半透明模糊层,提高文字可读性。
优先保证文字对比度

背景图不要包含过于复杂的纹理和大量文字。浅色背景配深色主题、深色背景配浅色主题时,都应实际预览一次,确认引号装饰和正文清晰可见。

三、新闻资讯 👑

新闻资讯组件提供四种图片式新闻快报,以及知乎日报卡片列表。

新闻类型

新闻资讯类型选择
新闻资讯可以在四种每日新闻快报和知乎日报之间切换
类型展示方式布局建议
每日新闻快报纵向新闻图片使用较高的组件
每日新闻快报 v2另一种新闻快报图片模板使用较高的组件
每日新闻快报 v3以国内要闻为主的图片模板使用较高的组件
每日新闻快报 + 当地天气新闻与天气合并图片使用较高的组件
知乎日报封面、标题组成的可点击卡片使用宽幅组件
图片式每日新闻快报
图片式新闻快报更适合纵向或高度充足的组件

图片式快报会把远程图片按组件宽度缩放。组件太矮时需要在内部滚动,因此更适合放在纵向区域。

知乎日报卡片
知乎日报使用响应式卡片展示封面和标题

知乎日报会根据组件宽度自动排列卡片。点击卡片后在新标签页打开原文;加载过程中会显示“加载中”。

新闻内容来自外部数据源

新闻快报图片和知乎日报均由第三方接口提供。教程只介绍组件的展示和设置方式,不代表对具体新闻内容、准确性或时效性作出保证。

四、星座运势 👑

星座运势组件读取指定星座的当日数据。设置界面只需要选择星座,当前支持十二星座:

星座运势星座选择
在下拉列表中选择要展示的星座,保存后组件会重新读取当日运势
第一组第二组第三组
摩羯水瓶双鱼
白羊金牛双子
巨蟹狮子处女
天秤天蝎射手
星座运势组件
星座运势会展示当日的多维度运势信息

接口返回的数据可能包含:

  • 整体、事业、财富、爱情和健康运势;
  • 幸运颜色、幸运数字和贵人星座;
  • 简短评语与今日建议;
  • 运势指数和详细说明。

组件内容较多,建议使用高度充足的区域。更换星座后需要保存设置,让组件重新加载对应数据。

仅作娱乐参考

星座运势属于文化与娱乐内容,不应替代医疗、心理、感情、职业或财务方面的专业判断。

五、历史上的今天 👑

历史上的今天会根据当前日期获取历史事件,支持“列表”和“图片”两种显示类型。

历史上的今天显示类型设置
列表适合阅读事件文字,图片适合用作纵向视觉卡片

列表模式

列表模式把当天事件逐条显示为卡片,适合需要阅读文字、希望在组件内部滚动查看的场景。

历史上的今天列表模式
列表模式将历史事件逐条显示

图片模式

图片模式直接显示当天的历史主题图片,适合较高的组件或图片型主页布局。

历史上的今天图片模式
图片模式展示当天的历史主题长图
两种模式可以同时使用

如果主页空间充足,可以放置两个“历史上的今天”组件:一个使用列表模式便于阅读,另一个使用图片模式作为视觉卡片。两者会读取同一天的数据,但布局互不影响。

联网组件故障排查

组件一直显示加载中

  1. 确认思源当前可以访问互联网。
  2. 关闭并重新打开组件。
  3. 热搜或每日一言可以切换到其他来源测试。
  4. 确认没有代理、过滤规则或安全软件拦截对应请求。
  5. 稍后重试,排除第三方接口临时不可用。

内容显示不完整

  • 增加组件高度;
  • 将热搜和知乎日报改为更宽的布局;
  • 图片式新闻和历史图片使用纵向区域;
  • 避免在很小的组件内展示星座运势等长内容。

页面打开时联网请求过多

每个联网组件都会独立读取数据。不要在同一主页重复放置大量热榜、新闻、语录和历史组件;优先保留真正会查看的来源。

选择建议

使用目标推荐组件
集中查看某个平台的热门话题热搜
展示自己的提醒语、摘录或座右铭每日一言的自定义文字模式
自动读取不同类型的在线语录每日一言的远程接口模式
快速浏览当天新闻摘要新闻资讯
查看当天星座娱乐信息星座运势
每天阅读历史事件历史上的今天

如果希望主页更偏向工作和知识管理,可以只保留一个每日一言或技术热榜;如果希望主页兼顾资讯阅读,再增加新闻资讯和历史上的今天。