Stylish/Stylus-我的浏览器我做主

云浅知处

2020-07-05 18:18:59

Tech. & Eng.

并不会有更好的阅读体验(

注:由于图片极多,珂能出现(看似)全部炸掉的情况,请耐心等待qwq

update:添加了无法访问 userstyles.org 的解决方案。

update:更新了大部分图片,为了让图片更快加载出来,现在 3MB 以下的图片都使用洛谷图床qwq

ps:由于从写这篇文章到现在,云浅的浏览器&书签栏换来换去,所以就不要奇怪于为啥每张图片的书签栏都不太一样啦>_<

还有,云浅现在周一到周五基本上没法拿到电脑qwq,只是有时候能上线几分钟这样子,所以问的问题大概都会在周末统一回复qwq

前言

之前貌似有过一篇日报,写过 Stylish 这个插件。Link

不过当我兴高采烈地想要跟随那篇日报的指引,美化洛谷时,却看到了这样的画面:

我谔谔,这让我美化个啥嘛!QwQ

于是乎,评论区也出现了这些:

洛谷 Meterial 美化插件 Archived 了是怎么回事呢?洛谷相信大家都很熟悉,但洛谷 Meterial 美化插件 Archived 了是怎么回事呢,下面就让小编带大家来一起了解吧。

洛谷 Meterial 美化插件 Archived 了,其实就是作者把插件删了,大家可能会很惊讶作者怎么会把插件删了呢?但事实就是这样,小编也感到非常惊讶。

这就是关于洛谷 Meterial 美化插件 Archived 了的事情了,大家有什么想法呢,欢迎在评论区告诉小编一起讨论哦!

好吧,那么今天,就由我来给大家讲一讲,如何使用这个强大的插件——Stylus/Stylish 吧。

一些事情

Stylish 由于涉嫌侵犯用户隐私,已经在大部分浏览器上被 ban 掉了。

(详细的可以看这里)

虽然仍有一些浏览器支持 Stylish(但据我所知只有 Chrome 了),不过还是不推荐使用qwq

因此,这里不推荐使用 Stylish

可以使用它的替代品 Stylus awa。

食用效果

放几张图:

下载方法

由于各个浏览器上安装 Stylus/Stylish 的方法都不相同,所以,这里会讲一些常见浏览器安装 Stylus/Stylish 的方法。

这里讲述了:

(其实大部分浏览器都是可以直接扩展商店一搜「Stylus」就完事的>_<)

Stylus/Stylish For Chrome

(update on 2021.1.15

如果要去应用商店下载这个东西,其实是需要翻墙去外网的w

这里给一种不需要去 chrome 应用商店下载的方式qwq

当然如果能上 chrome 应用商店最好还是在哪里下载,毕竟可以获得实时更新qwq

(update again on 2021.1.18

感谢 @lihaochen1234567890 的纠正qwq!

我们直接去 Github 上面搞下来 .zip:https://github.com/openstyles/stylus/

然后解压出来文件夹:

接着进入 chrome://extensions/,点开右上角的「开发者模式」,然后会出来三个选项:

点最左边的那个,找到解压出来的 Stylus 文件夹,选中,搞进去就行了qwq。

无内鬼的话,这一步做完,我们就成功搞出来了 Stylus qwq。

下载完之后,你的 Chrome 上就已经成功地下载了 Stylus 啦!

Chrome 用户可以跳过下面的 Stylus For 360/Firefox,直接看「食用方法」qwq

Stylus For 360

由于 Stylish 在360上已经被完全 ban 掉,所以360用户只能使用 Stylus 啦QwQ。

不过,360 浏览器也有个好处:不用翻墙登外网啦!ヾ(@^▽^@)ノ

进入 360 的应用商店。Link

在右上角搜索 Stylus,搜索结果如下:

单击第一个搜索结果,下载即可。

\color{gray}\text{(单击图片进入下载地址)}

下载完之后,你的 360 浏览器上就已经成功地下载了 Stylus 啦!360 浏览器用户可以跳过下面的 Stylus/Stylish For Firefox,直接看「食用方法」。

Stylish/Stylus for Firefox

点击右上角三个横线那里,会弹出来一栏小可爱:

单击一下,在右上角的搜索栏里搜索即可。

然后就看到了绿绿的 Stylus,下载即可:

\color{gray}\text{(单击图片进入下载地址)}

下载完之后,你的 Firefox 浏览器上就已经成功地下载了 Stylish/Stylus 啦!qwq

食用方法

由于各个浏览器上食用 Stylish/Stylus 的方法基本一致,这里以 Chrome 为例。

首先,不管是 Stylish 还是 Stylus,都需要在一个网站上下载网址美化脚本:https://userstyles.org/。

有可能访问的比较慢,是正常现象,耐心等一会就好啦>_<

如果实在无法访问,可以看 无法访问 userstyles.org 的解决方案 qwq。

进去之后,出现了这样的画面:

然后,直接在左上角搜索即可。以洛谷为例:

搜索之后会有许多结果,这里推荐「氩洛谷 - 洛谷 Argon Design」,也就是第一个搜索结果。

\color{gray}\text{(单击图片进入下载地址)}

点击蓝色的 Install Style 下载即可。

下载之后,再看看洛谷,变成了这样:

是不是好看一点了呢?

如果觉得这样不好看,还可以点击 Customize Settings,自定义设置:

点击之后,就可以自定义设置主题/背景/侧栏等东西了qwq。

注意:自定义设置前,请先刷新一下,然后再自定义设置,点击Update Style即可。

记住,一定要先刷新!不然Update Style是不会出来的w

如果这点自定义设置的不过瘾,可以直接去调 CSS 代码,方法如下:

首先,点击右上角的插件图标,单击那三个点,然后选择「管理样式」。

然后会出现这样的画面,直接点一下就行了qwq。

接着:

然后就可以尽情地修改 CSS 代码啦QwQ,不过最好不要乱改,免得改错。

这里给出几个氩洛谷的 CSS 代码+效果(点击图片就可以了qwq

注:这个代码其实分为两部分:代码1、代码2;修改的时候直接分别复制即可。

(经典氩洛谷qwq)

(qwqwqwq)

(珂朵莉珂爱珂爱珂爱!>_<)

欢迎提供背景图/se/se/se

顺便,打算有时间了咕出来一个改这种源码的一些基操指南,包括但不限于改背景图片qwq

考完期末来写吧qwq

然而期末考完了寒假都过去了还在咕,云浅鸽子>_<

然而都快到暑假了还在咕

flag:不存在的

还有一种方法,也可以快速地查询某个网站的 Style:

直接点击右上角的图标,然后选择「为此网站查找更多样式」即可。

其他网站的美化方法,也差不多就是这样啦QwQ。

最后,放上几个推荐的 Style:

百度:Pure Baidu

bilibili:Bilibili Nekopara

恰烂钱 CCF 官网:貌似还没有(

F.A.Q.

Q:https://userstyles.org 上不去了,怎么办?

A:初次进入这个网站,珂能会非常非常慢,请耐心等待,不要退出。大概等个几十分钟就出来了(逃走>_<

实在不行的话,珂以看这里

如果还有其他问题,欢迎在评论区提出!我会放到这里的。