什么是 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 都能满足大部分用户的需求。去广告排版调整全新布局等功能,给你网页一个更好看的 “新皮肤”。希望用户发现更多好模板,也鼓励各路大神去设计更多更好更精美的模板,欢迎留言。