Skip to content

抓取小众软件论坛的评论并显示在主页

通过此项自定义引擎,您将可以在浏览小众软件主站内容时自动抓取并显示对应论坛帖子的内容

comment

新增引擎

打开搜索酱配置页,在你的搜索酱“当前网页”分组新增引擎。

在 URL 输入框内填入

html
showTips:%t 
<style>
#topic-title, #post_1, footer, header, .meta{
 display: none;
}
#main-outlet {
  padding: 20px;
  text-align: left;
}
a {
 color: gray;
}
.crawler-post-meta {
 font-size: 12px;
}
aside.quote {
    margin: 10px 0px 0px 20px;
    font-style: italic;
}
img {
    max-height: 200px;
    width: auto;
}
aside.onebox {
    font-size: small;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
}
#main-outlet {
    max-height: 800px;
    overflow: auto;
    pointer-events: all;
}
</style>
{noscript[data-path]|innerHTML}

其中,开头的 showTips 代表该引擎将在鼠标悬浮时抓取信息并显示,%t 代表抓取的目标为当前鼠标指向的链接。

下面的是抓取后需要显示的 HTML 模板,其中{noscript[data-path]|innerHTML}为抓取到的内容,具体为noscript[data-path]对应元素的innerHTML属性。

接着点开“更多选项”,在“搜索词或者指向链接的筛选正则”内输入https://meta\.appinn\.net/t/topic/,代表仅在鼠标指向小众软件论坛的链接时才显示该引擎,其余时候隐藏该引擎。

保存引擎。

使用

打开小众软件主页任意文章。下拉页面找到“点击前往加入讨论”按钮。按住 CTRL 对着此按钮单击右键,磁贴出现,此时将鼠标悬浮于新增的引擎上,即可显示抓取内容。

新增自动高亮

如果你觉得以上触发步骤过于麻烦,可以继续添加自动高亮规则。添加后鼠标悬浮于“点击前往加入讨论”按钮上即可显示抓取内容。

打开配置页,切换至“页内查找”选项卡。

下拉找到站点自动高亮规则,在{}内填入规则,填入后形如:

{
	"/^https://www\\.appinn\\.com/[^/]+/$/": {
	    "words": [
	        "/^https://meta\\.appinn\\.net/t/topic//l$s{unset;color:unset;}$t{$popup(1)}$in{.wpdc-join-discussion}"
	    ]
	}
}

保存规则。

其中/^https://www\\.appinn\\.com/[^/]+/$/代表页面网址需要匹配正则表达式,表达式内容为^https://www\\.appinn\\.com/[^/]+/$

words 代表高亮的关键词。

/^https://meta\\.appinn\\.net/t/topic//l$s{unset;color:unset;}$t{$popup(1)}$in{.wpdc-join-discussion}代表:

  1. 目标需要匹配正则^https://meta\\.appinn\\.net/t/topic/
  2. 目标需要为链接(l)
  3. 目标将添加样式background:unset;color:unset;
  4. 目标上会自动弹出($t)
  5. 弹出内容为对应分组的第一个含有 showTips 的引擎($popup(1))
  6. 仅在.wpdc-join-discussion这个元素内查找目标($in)