怎麼用 Stylish 排除某幾類網址

Stylish - 用Stylish（一個使用者樣式管理器）給網頁換個樣式。Stylish 讓您輕松為 Baidu、Google、Facebook、GitHub 及更多其他網站安裝主題和皮膚。您甚至可以自己定制 Firefox 和其他程式。

據調查得知，很多使用者使用 Stylish 這個插件是為了給白色背景的網頁換個顔色，比如豆綠色

#CCE8CF

來降低長時間浏覽網頁導緻的眼睛疲勞。那麼使用者需要編寫一個通用的樣式來應用到所有網站。

但是使用過程中會發現都用同一個背景顔色時，有些網站就變得難看了。比如使用樣式：

@-moz-document url-prefix(http://), url-prefix(https://) {
    /* Headings */
    h1,h2,h3,h4,h5,h6  {background-color:#CCE8CF !important;}

    /* text */
    body,p,div, table  {background-color:#CCE8CF !important;}

    /* Links */
    a:link  {color:#0000FF !important;} /* color:blue */
    a:visited  {color:#800080 !important;} /* color:purple */
}
           

會使所有 http、https 網頁改為以豆綠色為背景顔色，這時你會發現百度地圖的網頁就變得醜陋了，github 網頁也不好看。于是，你需要一個能改變絕大多數網頁的樣式除了某些特定的網頁的樣式。

一個可行的解決方案是使用正規表達式作為比對網址的規則。但是正規表達式用法很負責，特别是涉及到 非、或 這樣的邏輯關系時更是不好了解。是以，我搜尋前人的解決方案并學習适用于 JavaScript 的正規表達式來寫出幾個示例供大家參考，希望能幫到大家。

以上文樣式代碼為例，需要替換的語句是

@-moz-document url-prefix(http://), url-prefix(https://)

，

當替換為

@-moz-document regexp('(?!^https?://github\\.com).*')

時樣式将作用于除了以 https://github.com 開頭的網址之外的所有網頁。

當替換為

@-moz-document regexp('(?!^https?:\/\/(github\\.com|bitbucket\\.org))\\S*')

時樣式将作用于除了以 https://github.com 或 https://bitbucket.org 開頭的網址之外的所有網頁。

如果需要排除 https://github.com 、 https://bitbucket.org 和 http://ditu.baidu.com 可參考 護眼樣式 。

更多需求可以依照上面的例子依葫蘆畫瓢。

學習正規表達式可參考 Regular Expressions 。

版權聲明：本文版權屬于若要走，并受法律保護。本文授權方式采用 Creative Commons 署名 - 非商業性使用 - 禁止演繹 4.0 許可協定。接受自由轉載，但必須署名、注明來源，且禁止用于商業用途。