💡阅读指南

对于程序员,保持对新鲜项目的了解非常有必要。

本节做个小案例,目标是让 Hermes 自己去 GitHub 抓取最新的热门项目,并自己研究,先写好中文解读,再生成一份 HTML 报告并自动打开。

建议跟着做一遍,看看「抓取 + 理解 + 输出」是怎么串起来的。

🎬
本节附有教学视频 #25

该视频为课程站点内嵌片段,未收录于本地离线包;如需观看请回到线上课程对应课时。

5.1 先看看这个页面长什么样

GitHub Trending 是开源项目的每日热度排行。页面列出当天最热门的若干项目(数量不固定,通常在 5~30 条之间浮动),每条包含:

  • 仓库名(作者/项目名)
  • 项目描述
  • 主要编程语言
  • 当日新增 Star 数
  • 总 Star 数

每个项目是一个卡片,字段都在固定的位置。

alt text

5.2 不只抓信息,而是形成报告

如果只是把页面上的文字抠出来存成 JSON,这件事儿其实和传统的爬虫区别不大。真正的价值在于理解——让 Hermes 自己去看每个项目的 README,弄明白这个项目是做什么的,然后用中文写一段解读给你看。

这和单纯的抓取差在哪?

抓回来的原始数据只有仓库名和一行简短的描述。但一个项目到底解决了什么问题、有什么特别的设计、值不值得关注,这些信息都在 README 里,藏在 GitHub 的二级页面上。

Hermes 会自己点进去读。读完之后,它会用中文写一段文本,告诉你这个项目到底是做什么的(这应该是我们最关心的)。最后把这些解读和基础数据一起排版,生成一份 HTML 报告。

你拿到的不是一个 txt/json 数据,而是一份当天热门项目的解读报告。

5.3 一条指令完成全流程

只需要一条指令,Hermes 自己会执行所有的操作,最后生成一份 HTML 报告并自动打开。

code
打开 https://github.com/trending,把页面上的项目信息抓出来。

对每个项目,做以下事情:
1. 打开它的 GitHub 仓库页面,读 README 的内容
2. 用中文写一段解读:这个项目是做什么的、解决了什么问题、有什么亮点
3. 如果网上有相关新闻或讨论,也可以搜索一下,补充到解读里

最后生成一份 HTML 报告,要求:
- 标题是「GitHub Trending 项目解读报告 + 今天的日期」
- 每个项目一个卡片,包含:仓库名、语言、今日 Star、总 Star、你的中文解读
- 使用frontend-design 这个 Skill 来设计 UI。
- 样式要求不俗气,精致排版
- 禁止使用 Emoji 表情,如果需要使用图标可以 使用 SVG 图标

生成完后,自动在浏览器里打开这个 HTML 给我看

Hermes 不到 1 分钟就完成了所有的流程: alt text alt text

💡配套资料

本节实际跑出来的 HTML 报告已放在资料包中:

  • profile/github-trending/

你可以直接打开看看最终效果。页面非常漂亮,这得益于 frontend-design 这个 Skill。

5.4 沉淀整个流程

GitHub Trending 每天都更新,如果下次还想看看 Trending,让 Hermes 为你解读,你不可能每次都把那么长的一段指令重新敲一遍。

最笨的办法是每次手动输入。稍微聪明一点的做法是把指令复制到一个文本文件里,下次复制粘贴给 Hermes。但这些都不是最好的办法。

最好的办法是让 Hermes 把这个流程沉淀成一个技能(Skill)。

做完这次抓取后,你可以直接告诉 Hermes:

code
> 把刚才的整个流程保存成技能,以后我只需要说「GitHub Trending」就能复用

下次你想看 Trending 时,不用再输入长指令,只需要说一句:

code
> Github Trending

Hermes 会自动识别你在调用之前保存的技能,然后执行所有步骤。你只需要关注结果,不需要重复过程。

5.5 ■ 学点英语

中文 English 音标 说明
代码仓库 Repository /rɪˈpɑːzətɔːri/ 保存代码、历史记录和协作信息的项目空间
报告生成 Report Generation /rɪˈpɔːrt ˌdʒenəˈreɪʃən/ 把收集到的信息整理成可阅读报告的过程
趋势榜单 Trending List /ˈtrendɪŋ lɪst/ 按热度或增长速度排序的项目列表
数据汇总 Data Aggregation /ˈdeɪtə ˌæɡrɪˈɡeɪʃən/ 把多条数据合并成统计或摘要结果的过程