skip to content
鰭狀漏斗

用 uBlock Origin 隱藏 Astro 文件的廣告

/ 閱讀時間 2 分鐘

最近 Astro 文件的右下角開始投放賣課程的廣告:

我越看越不順眼,所以我研究出來阻擋這個廣告的規則:

docs.astro.build##div.right-sidebar-panel > .sl-container:not(:first-of-type)

要加入規則,請開啟 uBlock Origin 的控制台,到「自訂靜態過濾規則」分頁這邊,會看到一個編輯器。複製上面的規則,在這邊貼上,然後套用變更即可。

這個規則基本上就是選右邊側邊欄裡面,除了第一個以外的所有含有 .sl-container class 的元素。右邊側邊欄有兩個含有 .sl-container class 的元素,第一個是目次,第二個是廣告,為了避免 Astro 官方在右邊側邊欄放更多廣告以致於阻擋不到,就直接把第一個以外的元素全部都先阻擋了。

使用這個規則之後 Astro 文件的頁面果然清爽多了。聽說如果點進廣告買課程的話,有部分收入會貢獻至 Astro 的 Open Collective。但我覺得 Astro 文件本身就寫的很好了,頂多再找一些免費的教學文章當輔助就夠了,完全不需要花錢買 Astro 課程。如果只是想看文件,不想被推銷課程的話,建議可以使用這個規則把廣告擋掉。