抓取小眾軟體論壇的評論並顯示在主頁

透過此自訂引擎，您將可以在瀏覽小眾軟體主站內容時自動抓取並顯示對應論壇貼文的內容

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}代表：

目標需要比對正規^https://meta\\.appinn\\.net/t/topic/
目標需要為連結（l）
目標將會加入樣式background:unset;color:unset;
目標上會自動彈出（$t）
彈出內容為對應分組的第一個含有 showTips 的引擎（$popup(1)）
僅在.wpdc-join-discussion這個元素內找到目標（$in）

抓取小眾軟體論壇的評論並顯示在主頁 ​

新增引擎 ​

使用 ​

新增自動高亮 ​

抓取小眾軟體論壇的評論並顯示在主頁

新增引擎

使用

新增自動高亮