突然想订阅 #asianfanfics 某个 Tag 或者搜索关键词的更新，打算用 rsshub 来实现，在 follow 中订阅。
结构观察
代表 tag 为 milklove，排序类型为 newest（最近发布）的所有文章
通过查看 devtool 的请求发现，所需数据并非接口而是一个静态网页：
![[IMG-803E576335AF5653F8963BE7881E4DD8.png]]
具体的内容：
![[IMG-C54B455556952B47DBE32B14D26E5548.png]]
示例代码
[[IMG-977CB6C832B618287EEC19F1A3F74507.html]]
手动剔除掉无关的元素之后，剩下的结构为：
![[IMG-5ECA04383C3D96B4A767C5A0B3463E19.png]]
观察了一下，获取文章列表就是找到 primary-container 中的所有的。excerpt
现在再来看单个的。excerpt
可以从这个 excerpt 中获取到的信息
- 链接
excerpt__title a 的 href
2. 标题
excerpt__title 的 text
3. 作者的 name
excerpt__meta__name 的 text
4. 发布时间
excerpt__meta__main time 的 datetime
而一个 rss item 需要的信息，上述内容都可以满足。
观察和调研结束，我们开始用 rsshub 来实现。
第一版 实现步骤
rsshub 官方有很详细的新建路由文档 Quick Start | RSSHub
我要创建的路由有两个
- 某个 Tag 的更新
- 搜索关键词的更新
所以创建， lib\routes\asianfanfics 文件夹，和三个文件
- lib\routes\asianfanfics\namespace.ts
- lib\routes\asianfanfics\tag.ts
- lib\routes\asianfanfics\text-search.ts
tag 和 text-search 的分别根据上面的分析进行实现即可。代码很简单所以不做过多的介绍。
分享其他内容：
踩坑：使用 got 和 ofetch 的时候，都遇到了网站的反爬机制，报 403 forbidden。所以改为了 pptr。但是具体是为什么，缺了 agent 还是什么，暂时没有去研究，这个后面有时间会再研究一下。
类型：
- L: Latest 最近更新
- N: Newest 最近发布
- O: Oldest 最早发布
- C: Completed 已完成
- OS: One Shots 短篇
这里学到了 latest 和 newest 的区别，latest 是按照发布时间排序，newest 是按照更新时间排序。
如何发现的，激活 latest 筛选的时候，item 重点显示的是 updated
激活 newest 筛选的时候，item 重点显示的是 published
第二版 反思与感想
在提交了 pr 之后，维护的老师提到不用 pptr 用 ofetch + rsshub ua 的方式也可以实现。
然后我尝试了一下使用 ofetch，没有做任何的 header 配置，因为我下意识以为会默认使用 ua, 然后依然报 forbidden。这里犯的错误是没有去参考别人的代码，自己尝试几次不行后就停滞了。
后来在 pr 中咨询了维护的老师，才知道要手动设置 ua
感想就是自己做事情还是比较粗糙以及参与开源的项目，特别是会审查 pr 和提一定修改意见的，其实对自己会是很大的帮助。可以多多参与。
