文档
PKU Art
安装

安装

PKU Art 目前支持 CSS 安装与 JavaScript 安装两种安装方式，兼容 Safari 与 Chrome(Edge/Arc) 两大浏览器。两种安装方式都需要借助浏览器插件，同时，JavaScript 安装会包含一些 CSS 无法实现的功能（如首页自动隐去课程号等），所以建议大家选择 JavaScript 安装方式。

项目地址

zhuozhiyongde/pku-art - GitHub→

JavaScript 安装

Safari

安装插件

需要在 App Store 安装 Userscript (opens in a new tab) 插件。

获取脚本

安装完成后，访问 CDN for JavaScript (opens in a new tab) ，点击插件图标，应当有Userscript Detected:Tap to install字样，点击安装即可。这种安装方式是最推荐的，因为它可以自动检测到我后续的更新。

你也可以访问 JavaScript 下载链接 (opens in a new tab)，点击安装即可，如果被您的电脑上有 AdGuard 可能会被抢占安装，但使用那种脚本附加手段其实并不影响最终效果。

除此之外，你也可以通过 Github Release (opens in a new tab) 来下载 JavaScript 源文件，并手动导入到 Userscript 插件中。

Chrome/Edge/Arc/Chromium

安装插件

需要在 Chrome web store 安装 TamperMonkey (opens in a new tab) 插件。

获取脚本

安装完成后，访问 CDN for JavaScript (opens in a new tab) ，点击安装即可。这种安装方式是最推荐的，因为它可以自动检测到我后续的更新。

你也可以访问 JavaScript 下载链接 (opens in a new tab)，点击安装即可。

除此之外，你还可以通过 Github Release (opens in a new tab) 来下载 JavaScript 源文件，并手动导入到 TamperMonkey 插件中。

CSS 安装

⚠️

CSS 安装方式不支持一些 JavaScript 才能实现的功能，如首页自动隐去课程号等。所以不推荐以此法安装。

Safari

安装插件

需要在 App Store 安装 Cascadea (opens in a new tab) 应用。

ℹ️

Cascadea 在 App Store 售价 18 ￥，只支持 macOS 平台。

获取样式

安装完成后，打开应用，点击最上面的下载按钮

Cleanshot-2023-03-01-at-10.35.15@2x.png

然后输入以下网址就可以下载啦：

https://cdn.arthals.ink/release/PKU-Art.user.css

除此之外，你也可以通过 CDN for CSS (opens in a new tab) 或者 Github Release (opens in a new tab) 来下载 CSS 源文件，并手动导入到 Cascadea 插件中。

Chrome/Edge/Arc/Chromium

安装插件

需要在 Chrome web store 安装 xStyle (opens in a new tab) 或者 Stylish (opens in a new tab) 插件。

⚠️

Stylish 的收费政策最近有所改变（最多免费使用三个样式）且访问不是很稳定的样子，所以建议安装 xStyle。

获取样式

如果你安装的是 xStyle，那么安装完成后，你需要通过 CDN for CSS (opens in a new tab) 或者 Github Release (opens in a new tab) 来下载 CSS 源文件，并且手动导入到 xStyle 中，具体操作步骤如下：

获得源文件文本 - 复制到剪贴板 - 打开 xStyle 面板 - 点击 WRITE A NEW STYLE - 将文本直接拷贝到编辑区 - 在右侧面板中勾选 Enabled 并 取消勾选 Enable less complier

如果你安装的是 Stylish，那么安装完成后，你同样可以访问 CSS 下载链接 (opens in a new tab)，然后点击 Install Style 即可。

CSS 和 JavaScript 安装方式的异同

两者主要功能都是通过不同手段将我写的 CSS 样式附加到你的页面上，但添加手段上存在如下差异：

  • CSS 安装方式会直接通过插件，将你本地的样式通过在页面末附加 <style> 标签来引入本地样式。

  • JavaScript 安装方式会通过插件，实时获得你的页面 URL，并且根据正则匹配页面 URL，动态引入我部署在 CDN 上的 CSS 文件，其具体引入方式是通过在页面末附加 <link> 标签来引入外部样式。

说人话就是，CSS 安装方式会直接将你下载好的样式引入，而 JavaScript 安装方式会通过请求我 CDN 上的文件来引入，虽然浏览器有缓存策略，但是可能还是会存在一定的延迟，这可能会导致“页面闪烁”的问题出现。但 CSS 安装方式不会导致此问题。

除此之外，两者还具有以下功能上的差异：

  • JavaScript 安装方式会引入一些除了附加 CSS 之外的功能，这部分功能无法仅通过 CSS 实现，如避免侧边栏收起问题。
简介开发