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

前言

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

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

截屏2020-07-05 上午11.24.25.png

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

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

截屏2020-07-05 上午11.30.14.png

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

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

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

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

update:更新了部分图片。

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


一些事情

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

(详细的可以看这里

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

因此,这里不推荐使用 Stylish

可以使用它的替代品 Stylus

在这篇文章中,统一使用 Stylish/Stylus 来说明。


食用效果

放几张图:

US7oRK.png
wgFayd.png
wgFyY8.png
wgF2lQ.png
U9amJx.png
U9ULLQ.jpg

下载方法

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

这里讲述了:

  • Stylus/Stylish For Chrome 下载
  • Stylus For 360 下载
  • Stylish/Stylus For Firefox 下载

Stylus/Stylish For Chrome

首先,由于 Chrome 上下载 Stylus/Stylish 需要前往应用商店,是外网,所以需要珂·学·上·网

可以先看这篇文章,这里有珂·学·上·网的方法。

其实我本来也写了如何珂·学·上·网,不过在经过热心谷民的提醒之后,发现传播珂·学·上·网方法 zzmg,慌忙删掉了这部分(

如果还是不会珂·学·上·网,欢迎私信作者,我会私信解答的QwQ。

但是一定要先看看上面的文章啊。。别看都不看就来找作者了。。


能够翻墙之后,我们就可以放心大胆地访问 Chrome 网上应用店,下载 Stylus/Stylish 咯~

下载方法:

  1. 一般来说,Chrome 浏览器书签栏的第一个就是 Chrome 应用店还去不掉
截屏2020-07-05 下午2.12.18.png

单击一下,出现了这个东西:

截屏2020-07-05 下午1.57.09.png

点击中间那个大大的图标,稍微等待一会,就进入了 Chrome 应用店:

截屏2020-07-05 下午1.58.58.png

在左上角「搜索店内应用」处,搜索 Stylus/Stylish 即可。

截屏2020-07-05 下午2.01.49.png
截屏2020-07-05 下午3.29.54.png

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

由于我已经添加过 Stylus/Stylish 了,所以显示的是「已添加」和蓝色的「评价」。各位那里如果没有下载的话,右边显示的应该是「添加至 Chrome」,单击即可。

然后蓝键就会变成 正在检查......,过了一会,顶部有可能会弹出一个窗口,点击「添加扩展程序」即可。

(由于我已经下载过这个插件,没法放图演示了......这部分我会尽量叙述清楚的QwQ。)

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


Stylus For 360

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

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

进入 360 的应用商店。Link

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

截屏2020-07-05 下午3.44.41.png

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

截屏2020-07-05 下午3.46.16.png
截屏2020-07-05 下午3.46.21.png

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

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


Stylish/Stylus for Firefox

点击右上角三个横线那里,会出现这样的画面:

UpKIYj.png

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

UpKclt.png

搜索之后,出现了这样的画面,下载即可:

UpK2Of.png
UpKg6P.png

(Update 7.6:其实,严格来说,这里的 Stylish 只是一个主题,能把 Firefox 的顶栏变白,并不是插件。)

(Stylish For Firefox 貌似也没了,所以各位还是用下面的 Stylus 吧QwQ)

(update 7.9:好吧,Stylish For Firefox 也有,我蒟蒻,我爪巴。)

UpKf0S.png
UpKhTg.png

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

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


食用方法

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

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

有可能访问的比较慢,是正常现象,耐心等一会就好了。

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

UprkuT.png

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

UprTZF.png

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

甚至还发现了一个 memset0 写的「洛谷:我很方」

不知道是不是 memset0 本人写的(

UprOR1.png
UpsAzt.png

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

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

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

UpshYd.png

是不是好看一点了呢?

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

Ups7Of.png

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

注意:自定义设置前,请先刷新一下,然后再自定义设置,点击Update Style即可。记住,一定要先刷新!不然Update Style是不会出来滴~

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

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

BkpLct.png

然后会出现这样的画面,如果使用 Stylish,需要单击「修改」;如果使用的是 Stylus,直接点一下就行了qwq。

Up6Eb8.png

(Stylish)

Bk9U4H.png

(Stylus)

会出现这样的画面:

Up6TZ8.png

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

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

注:这个代码实际上分为两部分:代码1和代码2。

修改的时候直接分别复制即可。

BkCAGd.png

(强烈推荐这个,背景是随机(刷新一下变化一下)珂爱的图片qwq,侧栏的阴影、颜色等也是调了好久才选出的qwq)

(毕竟每个图片主题色都不一样,感觉目前这个颜色应该是最适配的)

(如果发现了更好的配色,欢迎私信哦)

wgFyY8.png

(夏目玲子)

BkFszj.png

(『君指先跃动の光は、私の一生不変の信仰に、唯私のお姉さま永生き!』) \small\color{#0095D9}\textsf{(『君指先跃动の光は、私の一生不変の信仰に、唯私のお姉さま永生き!』)}

关于珂朵莉背景:由于并没有找到较好的配色(背景图颜色过浅),如果有比较好的配色,欢迎私信哦qwq

当然,也欢迎提供珂朵莉背景图/se/se/se


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

UpRIpQ.png

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


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

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

百度:Pure Baidu

bilibili:Bilibili Nekopara

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


F.A.Q.

Q:我确实不会珂·学·上·网,怎么办?

A:欢迎私信作者,我会私信解决的QwQ。

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

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

A:只能说你 rp 过低

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

另外,不建议清除此网站的 Cookie\mathsf{Cookie} ,否则会导致下次进入更慢=_=

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