renexmoe-tw527e-edition
Version:
高顏值 OneManager 主題，作用於 OneManager-php，提供多種CDN
225 lines (162 loc) • 9.1 kB
Markdown
<br />
<p align="center">
<a href="https://replit-d.tw527e.eu.org" target="blank">
<img src="Readme/Icon.png" alt="Logo" width="156" height="156">
</a>
<h2 align="center" style="font-weight: 600">renexmoe-tw527e-edition</h2>
<p align="center">
高顏值 OneManager 主題
<br /><br />
<a href="README_ZH-CN.md"><img src="https://img.shields.io/badge/%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-README.md-blue?style=for-the-badge&logo=Radar" alt="简体中文 README.MD"></a> <a href="https://replit-d.tw527e.eu.org"><img src="https://img.shields.io/badge/%E9%A0%90%E8%A6%BD-DEMO-blue?style=for-the-badge&logo=Cockpit" alt="預覽 DEMO"></a> <a href="https://github.com/TW527E/renexmoe-tw527e-edition/releases/latest"><img src="https://img.shields.io/github/v/release/TW527E/renexmoe-tw527e-edition.svg?include_prereleases&logo=GitHub&style=for-the-badge" alt="GitHub Release"></a> <a href="https://www.npmjs.com/package/renexmoe-tw527e-edition"><img src="https://img.shields.io/npm/v/renexmoe-tw527e-edition?logo=npm&style=for-the-badge" alt="npm"></a> <a href="https://gitlab.com/TW527E/renexmoe-tw527e-edition/-/releases"><img src="https://img.shields.io/gitlab/v/release/TW527E/renexmoe-tw527e-edition.svg?include_prereleases&logo=GitLab&style=for-the-badge" alt="GitHub Release"></a>
<a href="https://t.me/Cheng_Group"><img src="https://img.shields.io/badge/Telegram-Group-blue?style=for-the-badge&logo=Telegram" alt="Telegran Gruop"></a>
<br />
<br />
</p>
</p>
## ✨ 特性
- 🪵 增加 **`側邊欄`**
- 📟 增加 **`呼叫本地播放器`**
- ⏏️ 新增 **`頁腳`**
- 📍 **`backgroundm`** 選項調用至 **`網頁 Icon`**
- 🔲 增加 **`背景毛玻璃`**
- 🎨 **`主題顏色`** 調整為 **`奶茶色`**
- 📦 **`CDN`** 提供 [**`多種`**](releases) 使用
- 📺 **`影片播放器`** 更改為 [**`DPlayer`**](https://dplayer.js.org)
- 🎵 **`音訊播放器`** 更改為 [**`APlayer`**](https://aplayer.js.org)
- 🕓 增加 **`自動恢復上次播放時間`**
- 📶 **`路徑`** 顯示於畫面最上方
<Details>
<Summary>🛠️ 修改項目</Summary>
<Pre>
🔴 比較對象 [186526/onemanager-theme-renexmoe](https://github.com/186526/onemanager-theme-renexmoe)
- 🌏 將 **`語言`** 更改為 **`繁體中文`**
- 📍 將 **`backgroundm`** 選項內容調用至 **`網頁 Icon`**
- 🔲 增加 **`背景毛玻璃`**
- 🎨 **`主題顏色`** 調整為 **`奶茶色`**
- 📜 修復 **`PDF 預覽`**
- 📑 修復 **`OFFICE 預覽排版`**
- 📦 **`CDN`** 提供 [**`多種`**](releases) 使用
- 📺 **`影片播放器`** 更改為 [DPlayer](https://dplayer.js.org)
- 🎵 **`音訊播放器`** 更改為 [APlayer](https://aplayer.js.org)
- 🕓 增加 **`自動恢復上次播放時間`**
- 📟 增加 **`呼叫本地播放器`**
- 🔠 將 **`字體`** 更改為 [Noto Sans TC SC HK](https://fonts.google.com/noto/fonts)
- ⏏️ 新增 **`頁腳`**
- 📶 修復 **`路徑未顯示盤名`**
- 📲 修復 **`登入按鈕`**
</Pre>
</Details>
## 📚 使用方法
此版本由 [@TW527E](https://github.com/TW527E) 維護，作用於 [OneManager-php](https://github.com/qkqpttgf/OneManager-php)
訪問此項目的 [Releases](releases) 頁面下載主題檔案
### ✅ 1: 下載至目錄
1. 下載 [**`renexmoe-tw527e-edition`**](https://github.com/TW527E/renexmoe-tw527e-edition/releases)
2. 將 **`renexmoe-tw527e-edition.html`** 複製至 **`/OneManager 根目錄/theme`**
### 🔧 2: 使用我的 OneManager-php
1. 登入您的 OneManager 後台，並進入設定
2. 選擇 **`首頁`** 頁面
3. 在 **`Update from`** 選擇 `Github` `TW527E` `OneManager-php` `master`
4. 點擊 **`一鍵更新`**
5. 等待更新，完成
### 🍄 3: 透過 customTheme 選項 (等待 🍄 修復ww)
1. 登入您的 OneManager 後台，並進入設定
2. 選擇 **`平台變數`** 頁面
3. 在 **`customTheme`** 選項內，輸入 **`以下幾個 CDN 的其中一個`**
- (UNPKG: **`https://unpkg.com/renexmoe-tw527e-edition@latest/renexmoe-tw527e-edition.html`**)
- (饿了么 CDN: **`https://npm.elemecdn.com/renexmoe-tw527e-edition@latest/renexmoe-tw527e-edition-elemecdn.html`**)
- (Statically: **`https://raw.githubusercontent.com/TW527E/renexmoe-tw527e-edition/master/renexmoe-tw527e-edition-statically.html`**)
- (JsDelivr CDN: **`https://cdn.jsdelivr.net/gh/TW527E/renexmoe-tw527e-edition@latest/renexmoe-tw527e-edition-jsdelivr-cdn.html`**)
- (JsDelivr Fastly: **`https://fastly.jsdelivr.net/gh/TW527E/renexmoe-tw527e-edition@latest/renexmoe-tw527e-edition-jsdelivr-fastly.html`**)
- (JsDelivr Gcore: **`https://gcore.jsdelivr.net/gh/TW527E/renexmoe-tw527e-edition@latest/renexmoe-tw527e-edition-jsdelivr-gcore.html`**)
- (JsDelivr OriginFastly: **`https://originfastly.jsdelivr.net/gh/TW527E/renexmoe-tw527e-edition@latest/renexmoe-tw527e-edition-jsdelivr-originfastly.html`**)
4. 套用設定
5. 等待緩存刷新，完成
## 🔧 主題設定
<Details>
<Summary>🔲 背景毛玻璃</Summary>
<Pre>
1. 登入您的 OneManager 後台，並進入設定
2. 選擇 **`平台變數`** 頁面
3. 在 **`customScript`** 選項內，輸入 **`<script>document.querySelector('.blur').style = "backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px)"</script>`**
- (可自行調整數字 "2" 的大小，越大越模糊，越小越清楚)
4. 套用設定
5. 等待緩存刷新，完成 **`(請等待至少30分鐘，使customScript選項生效)`**
</Pre>
</Details>
<Details>
<Summary>⏏️ 頁腳</Summary>
<Pre>
1. 登入您的 OneManager 後台，並進入設定
2. 選擇 **`平台變數`** 頁面
3. 在 **`customScript`** 選項內，輸入 **`<script>document.getElementById("footer").innerHTML='頁腳內容';</script>`**
4. 套用設定
5. 等待緩存刷新，完成 **`(請等待至少30分鐘，使customScript選項生效)`**
</Pre>
</Details>
## 🧿 已知問題
<Details>
<Summary><strong><code>音樂播放器</code></strong> 在部分種類雲端會觸發防盜鏈，已將備用方案設為恢復原本播放器</Summary>
<Pre>
已知：
- [x] 🟧 **`阿里雲盤`**
</Pre>
</Details>
<Details>
<Summary><strong><code>iOS</code></strong> 在部分內容支援不佳或處理速度異常</Summary>
<Pre>
已知：
- 🎵 **`音樂播放器`**: 在不特定的情況下，因連結跳轉導致 iOS 拒絕存取
- 📺 **`影片播放器`**: 在尚未快取完成時，就開始播放，導致看起來好像已經開始播放，卻無畫面，直到快取完成時，才重新播放
- 🔳 **`背景圖片`**: 在眾多檔案的頁面中，背景會被拉長 [Safari Bug 219324](https://webkit.org/b/219324)
</Pre>
</Details>
## 📜 開源許可
依據源專案之開源許可，本專案採用 [GPL-3.0 License](https://spdx.org/licenses/GPL-3.0-only.html)
## 🔴 靈感來源
源代碼來自 [186526/onemanager-theme-renexmoe](https://github.com/186526/onemanager-theme-renexmoe)
此版本修改來自 [jssycszyj/renexmoe-cdn](https://github.com/jssycszyj/renexmoe-cdn)
Readme 寫法及圖片做法來自 [qier222/YesPlayMusic](https://github.com/qier222/YesPlayMusic)
- [qkqpttgf/OneManager-php](https://github.com/qkqpttgf/OneManager-php)
- [zdhxiong/mdui](https://github.com/zdhxiong/mdui)
- [DIYgod/DPlayer](https://github.com/DIYgod/DPlayer)
- [DIYgod/APlayer](https://github.com/DIYgod/APlayer)
- [aadsm/jsmediatags](https://github.com/aadsm/jsmediatags)
- [Xhofe/alist](https://github.com/Xhofe/alist)
- [mjackson/unpkg](https://github.com/mjackson/unpkg)
- [fontsource/fontsource](https://github.com/fontsource/fontsource)
- [highlightjs/cdn-release](https://github.com/highlightjs/cdn-release)
- [mozilla/pdf.js](https://github.com/mozilla/pdf.js)
- [linkgod/SHA-1](https://github.com/linkgod/SHA-1)
## 🎗️ 支持我
目前可以以下列方式支持我
- ⭐ Star 這個專案
- 🔌 Fork 這個專案
- 👥 <a href="https://t.me/Cheng_Group">加入 Telegram 群組</a>
- 🔴 目前還無法透過贊助的方式支持我 `(未成年又沒有銀行帳戶w)`
## 🖼️ 截圖 `(v1.0.22)`
<Details>
<Summary>💻 電腦</Summary>
<Pre>
</Pre>
</Details>
<Details>
<Summary>📱 手機</Summary>
<Pre>
</Pre>
</Details>