改造你的浏览器系列之美化网页插件Stylus
时间：2023-07-02 11:54:01 | 来源：网站运营
时间：2023-07-02 11:54:01 来源：网站运营
改造你的浏览器系列之美化网页插件Stylus：[TOC]
前言
这一系列的上一篇文章介绍了浏览器万能插件——油猴，点击查看，这一篇文章介绍它的好基友——Stylus。Stylus 的作用就一个，
让你自定义浏览网页的样子。比如说百度贴吧可以变得整整齐齐、毫无广告推广内容，百度搜索可以工工整整、没有竞价排名的推广搜索结果，还比如说新浪微博页面可以隐藏淘宝链接、推广微博，其他本站、油管（Youtube）、Instagram 页面都有很好的效果，你可以按照自己的需求找到最适合自己的页面样式，这对于重视浏览体验的博主我来说是必不可少的浏览器插件。 以大家每天都会用的百度为例，图一图二是博主没用 Stylus 的截图，图三图四是用了的截图。
Stylus 的原理很简单，就是自定义浏览网页的样式表，CSS。通过它，我们就可以将过时的网页进行美化，去除网页的广告了。
而作为用户，我们只需要下载别人做好的样式就行，不需要掌握 CSS。 其实博主最开始用的不是 Stylus，而是 Stylish 这款插件。但 Stylish 被查出，它会追踪用户浏览过的所有站点，并将它们传送到远程服务器，同时还会默认记录用户的搜索结果、页面识别符，在很多情况中这可以关联到用户的邮件或者其他隐私内容，这在重视隐私的社会是无法被原谅的，因此已经被 Google Chrome、Mozilla Firefox、Opera 浏览器下架。 而博主现在正在用的 Stylus 与 Stylish 相比，它任何和分析，遥测和数据收集的代码已被完全删除，所以我们完全不用担心我们的隐私被泄露。而且，Stylus 做了进一步改进：
- 增加了备份功能。不仅可以导出压缩文件，还可以通过加载别人的压缩文件，从而快速安装样式，对新人来说很友好。
- 自动更新。第一时间获取样式的最新版本。
我喜欢 Stylus 的另一个原因是，我不但可以下载别人做好的样式，我还可以通过插件的内置编辑器，用 CSS 自定义网页的样式。这就给了我很大的自由，如果样式网站里面没有我想要的，或者我不太喜欢，我就可以自己定义一个。CSS 的语法特别简单，如果想学习，可以点击菜鸟教程。
Stylus 安装及使用
在浏览器的插件商店里面下载安装即可，支持各种常见的浏览器，在这里不做详细的介绍。 插件安装好后，就可以安装样式了，安装样式主要有两个方法：
- 去 Stylish 的样式网站下载安装（虽然插件下架，但这些样式并没有任何问题，可以放心使用），地址。这种方法适合一次性下载多个样式表。
- 点击菜单栏上的 Stylus 按钮，它会显示当前网页可用的样式。
样式推荐
这里推荐一些大家平常常用的，在本文最后，博主分享了自己正在使用的一些样式，下载后可以方便的导入到自己的插件里。 就不一一展示美化结果了，点击下表的链接就可以转到样式的主页，查看最终效果。
百度系
| 样式名字 | 链接 | | :----------------------------------------------------------: | :------------------------------------------------------: | | Baidu Lite 百度轻 |
https://userstyles.org/styles/123858/baidu-lite | | BaiduX 极简百度 + 动态多栏 + 去下划线 + 毛玻璃导航栏 + 关键词高亮 |
https://userstyles.org/styles/158871/baidux | | 百度经验 - 屏蔽和优化 |
https://userstyles.org/styles/132605/theme | | 百度知道 - 屏蔽与排版 |
https://userstyles.org/styles/130901/theme | | 百度百科 - 屏蔽和优化 |
https://userstyles.org/styles/130739/theme | | 百度文库 - 屏蔽 |
https://userstyles.org/styles/135468/theme | | Tieba - Maverick 2018 [百度贴吧] |
https://userstyles.org/styles/124770/tieba-maverick-2018 | | 百度网盘 - 屏蔽和优化 |
https://userstyles.org/styles/157025/theme |
优酷
| 样式名字 | 链接 | | :----------------------------------: | :----------------------------------------------------------: | | No Ads -
http://Youku.com |
https://userstyles.org/styles/156467/no-ads-youku-com | | 优酷网 - Dark 加强版 |
https://userstyles.org/styles/75931/dark | | 优酷显示状态栏 |
https://userstyles.org/styles/138501/theme | | YouKu Cleaner,ad block for
http://Youku.com |
https://userstyles.org/styles/21446/youku-cleaner-ad-block-for-youku-com | | YOUKU ++=>1080P |
https://userstyles.org/styles/51198/youku-1080p |
淘宝
| 样式名字 | 链接 | | :----------: | :----------------------------------------: | | 纯净版 淘宝 |
https://userstyles.org/styles/168403/theme | | Taobao XX | 淘宝助手 | | Taobao clean | 干净淘宝 1.5.2 |
豆瓣
| 样式名字 | 链接 | | :------------: | :----------------------------------------: | | 豆瓣简洁圆角 |
https://userstyles.org/styles/98519/theme | | 更好的豆瓣广播 |
https://userstyles.org/styles/136772/theme |
哔哩哔哩
样式名字 |链接 | | :------------: | :------------: | |Bilibili 屏蔽广告 & 首页去除 舞蹈、生活、时尚、娱乐…… 分类区块|
https://userstyles.org/styles/144506/bilibili| |Bilibili 去除 弹幕、评论|
https://userstyles.org/styles/144507/bilibili| |Bilibili 哔哩哔哩 Nekopara|
https://userstyles.org/styles/136957/bilibili-nekopara|
本站
| 样式名字 | 链接 | | :-----------------------------------------------------: | :-----------------------------------------------------: | | Simple Zhihu |
https://userstyles.org/styles/142714/simple-zhihu | | Flat_Zhihu v2.4.13 |
https://userstyles.org/styles/108011/flat-zhihu-v2-4-13 | | ZhihuX 极简本站 + 宽屏适配 + 毛玻璃 + 导航条自动隐藏 V2 |
https://userstyles.org/styles/159687/zhihux-v2 |
说明
每个人的需求不一样，所以你在上面的表格里面没有发现你需要样式也没关系，只要去样式官网或者点击浏览器菜单栏 Stylus 的按钮即可。
大杀器
对样式官网上的样式不满意，想自己做一个，那也很简单。点击浏览器菜单栏 Stylus 按钮，点击
编辑样式给当前网页，即可看到下面页面。
只要掌握一点点 CSS 的基础知识，你就可以在网页里面添加或者删除任何你想要的东西。 其实，如果你学过本站的 MarkDown 系列教程，就知道 HTML 了，学过上一篇的油猴插件，你就知道 JavaScript 了，加上本篇文章了解的 CSS，你已经了解了制作网页的前端三件套了，也就是说，你只要稍微再学一学，你就可以像博主一样制作网页了。其实，制作网页没有你们想象的那么难，再加上博主的准备暑假写关于建站的文章，相信你在不就的将来也可以像博主一样拥有自己的网站了。
总结
油猴 + Stylus，让你做你浏览器的主人。 链接:
https://pan.baidu.com/s/1kU4L26cm1rjutxuoupifBw 提取码: ykmq。虽然只有500+Kb大小，但是以百度网盘的速度还是要点时间，可以查看本站热门文章，百度网盘满速下载工具集合。
预告
本系列下一篇文章准备介绍其他有用好玩的浏览器插件。如果你觉得本站的文章对你有很大的帮助，记得向你的朋友转发喔。如果对本站或者本篇文章有什么建议或者疑惑，可以在下面评论留言，博主会第一时间回复。如果想第一时间知道本站最新动态，欢迎大家邮件订阅本站，订阅按钮在评论区，一定要评论后才能订阅喔。
在线咨询
