Stylish 給網頁一鍵換膚，還去廣告！

越前君發表於2017-11-05
網頁

什麼是 Stylish ？

先看效果圖，Stylish 把百度首頁變成了這樣子： enter image description here Stylish 是一款瀏覽器外掛，目前適用於 Chrome 、Safari 、Firefox 、Opera 等主流瀏覽器。Stylish的原理是通過替換網頁本身的 CSS 樣式來達到網頁美化的效果。

Stylish 官網上有非常非常多的樣式供使用者下載，不僅能讓百度、新浪微博變得極簡、討人喜歡，還能給新浪網、騰訊網、Google 、YouTube 、Facebook 、Wikipedia 等主流網站「換膚」。不僅如此，如果你有前端基礎，懂得 CSS 知識，還可以自定義樣式，做一個屬於自己的網頁效果，也可以在已有樣式的基礎上進行修改完善。

安裝使用 Stylish 外掛

下面我將以 Chrome 瀏覽器為例子，其他瀏覽器的使用方法大同小異，不太瀏覽器效果也可能略有不同。

  1. 下載安裝外掛：利用科學上網去 Chrome 外掛官網 下載安裝；亦可去 外掛網（不用翻牆）下載，裡面有具體的安裝方法。

  2. 在瀏覽器擴充套件程式頁面啟用 Stylish 外掛後，前往 Stylish 官網下載模板。

  3. 可以對已安裝模板進行修改、禁用、刪除、更新等。 enter image description here
  4. 快捷啟用、禁用、修改樣式。 enter image description here

常用模板好薦

  1. 絕對乾淨的百度：百度輕
    我用上 Stylish 後不再吐槽搜尋介面醜、亂、廣告多了，甚至有點喜歡了。 enter image description here 這套模板目前版本有一點點小瑕疵：“ 預設使用者名稱顏色值為白色 ”。看著不順眼，於是我改成了黑色，效果如上圖。（我有強迫症，你可以不修改 ，哈哈） enter image description here
  2. 簡潔的新浪微博：weibo_v6
    原來網頁版微博也可以這麼好看，全新佈局，去廣告，設計源自 “ 微博急簡 WC ”。效果特贊，我最喜歡的樣式，沒有之一。 enter image description here
  3. 知乎：Flat_Zhihu v2.4.13
    字型大小、排版稍微調整，更合理，更好看。 enter image description here
  4. 淘寶首頁：Taobao clean
    我只想安安靜靜地搜尋，
    但是純白色的背景，總覺得缺點什麼…… enter image description here
  5. 貼吧：TieBa - Maverick
    更現代化的貼吧頁、隱藏廣告和無用功能。 enter image description here
  6. 谷歌搜搜尋結果頁面：Google Material
    效果贊，看起來舒服，基於 Dribbble 設計師 Aurélien Salomon 的設計圖。 enter image description here
  7. 網頁暗黑模式：Dark is better for my eyes
    黑色的背景，搭配淡藍色字型，理論上適用於所有的網站，但它不會影響瀏覽器的選單。 enter image description here
  8. 還有很多很多，可以去 Stylish 官網下載更多好看的模板。亦可以自己 DIY ！ enter image description here

寫在最後

無論你是一個小白，還是略懂 CSS 層疊樣式，或是資深前端大神，Stylish 都能滿足大部分使用者的需求。去廣告、排版調整、全新佈局等功能，給你網頁一個更好看的 “新皮膚”。希望使用者發現更多好模板，也鼓勵各路大神去設計更多更好更精美的模板，歡迎留言。

相關文章