JellySkin 项目常见问题解决方案

JellySkin 项目常见问题解决方案

JellySkin Vibrante/minimal Jellyfin CSS using custom Icons and more!!, created for Jellyfin web :film_strip:, can be used by just one line. 项目地址: https://gitcode.com/gh_mirrors/je/JellySkin

1. 项目基础介绍

JellySkin 是一个为 Jellyfin 量身定制的 CSS 主题，它通过使用自定义图标和一些样式增强来优化 Jellyfin 网页界面的视觉效果。该项目主要是基于 CSS 进行开发，目的是为用户提供一个更为美观和个性化的观看体验。

2. 新手常见问题及解决方案

问题一：项目无法正常工作

问题描述：安装 JellySkin 后，网页界面没有预期的样式变化。

解决步骤：

1. 确认浏览器版本是否符合要求，JellySkin 需要以下浏览器版本或以上：Chrome (105 和以上)、Edge (105 和以上)、Safari (15.4 和以上)、Firefox (121 和以上)、Opera (91 和以上)。
2. 在 Jellyfin 的仪表板中的“常规”设置里，找到“自定义 CSS”字段，确保已经正确复制并粘贴了提供的 CSS 链接代码。
3. 如果使用 Nginx 反向代理，JellySkin 可能无法正常工作。需要根据项目文档中的指示调整配置。

问题二：无法看到自定义图标

问题描述：在启用 JellySkin 之后，没有看到自定义图标。

解决步骤：

1. 确保在自定义 CSS 中添加了启用 Logos 的代码：@import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/logo.css")。
2. 确认网络连接正常，能够访问到 CDN 链接。
3. 刷新页面或清空浏览器缓存，以确保样式被正确加载。

问题三：性能问题

问题描述：在使用 JellySkin 时，发现网页加载速度变慢或者有卡顿现象。

解决步骤：

1. 如果发现性能问题，可以尝试禁用背景模糊效果，通过添加以下代码来提高性能：@import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/improvePerformance/removeBackdropFilter.css")。
2. 如果滚动条顶部有渐变效果导致性能问题，可以尝试移除这种效果：@import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/improvePerformance/removeFadingScroll.css")。
3. 确认服务器资源充足，如果服务器性能不足，也可能导致页面加载缓慢。

JellySkin Vibrante/minimal Jellyfin CSS using custom Icons and more!!, created for Jellyfin web :film_strip:, can be used by just one line. 项目地址: https://gitcode.com/gh_mirrors/je/JellySkin