🐞 fix: 更新壁纸接口 #302

fix: 修复备用接口获取天气时显示失败的问题

.dockerignore

@@ -0,0 +1,15 @@
+node_modules
+npm-debug.log
+Dockerfile*
+docker-compose*
+.dockerignore
+.git
+.github
+.gitignore
+README.md
+LICENSE
+.vscode
+dist
+build
+images
+script

.env.example

@@ -0,0 +1,51 @@
+# 站点信息
+VITE_SITE_NAME = "無名の主页" # 名称
+VITE_SITE_ANTHOR = "無名" # 作者
+VITE_SITE_KEYWORDS = "無名,个人主页" # 关键词
+VITE_SITE_DES = "一个默默无闻的主页" # 站点简介
+VITE_SITE_URL = "imsyy.top" # 站点地址
+VITE_SITE_LOGO = "/images/icon/favicon.ico" # 站点主图标
+VITE_SITE_MAIN_LOGO = "/images/icon/logo.png" # 主页图标
+VITE_SITE_APPLE_LOGO = "/images/logo/apple-touch-icon.png" # Apple 端图标
+
+# 简介文本
+VITE_DESC_HELLO = "Hello World !"
+VITE_DESC_TEXT = "一个建立于 21 世纪的小站，存活于互联网的边缘"
+VITE_DESC_HELLO_OTHER = "Oops !"
+VITE_DESC_TEXT_OTHER = "哎呀，这都被你发现了（ 再点击一次可关闭 ）"
+
+# 社交链接
+## 请在 src/assets/socialLinks.json 文件中配置
+
+# 网站链接
+## 请在 src/assets/siteLinks.json 文件中配置
+## 网站链接的图标名称可前往 https://www.xicons.org 自行挑选并在 src/components/Links/index.vue 中引入
+
+# 天气 Key
+## 请前往 高德开放平台注册 Web服务 Key
+## 请注意不是 Web端 (JS API)，免费申请，每日上限 5000 次
+## 此处提供的服务可能会超量从而无法访问，请自行申请！请自行申请！请自行申请！
+## 若此处设为空则调用 教书先生 API https://api.oioweb.cn/doc/weather/GetWeather
+VITE_WEATHER_KEY = ""
+
+# 建站日期
+## 若不需要，请设为空即可
+## 请按照 YYYY-MM-DD 格式填写或者仅填写年份 YYYY
+VITE_SITE_START = "2020-10-24"
+
+# ICP 备案号
+## 若不需要，请设为空即可
+VITE_SITE_ICP = "豫ICP备2022018134号-1"
+
+# 歌曲 API 地址
+## 请参照 https://github.com/xizeyoupan/Meting-API#deno-deploy 进行 API 服务部署
+## 此处提供的服务可能会超量从而无法访问，请自行部署
+## 若使用 QQ 音乐歌单，歌曲数量最好不要超出 50 首
+## 备用：https://api.wuenci.com/meting/api/
+VITE_SONG_API = "https://api-meting.imsyy.top/api"
+# 歌曲服务器 ( netease-网易云, tencent-qq音乐 )
+VITE_SONG_SERVER = "netease"
+# 播放类型 ( song-歌曲, playlist-播放列表, album-专辑, search-搜索, artist-艺术家 )
+VITE_SONG_TYPE = "playlist"
+# 播放 ID ( 若无需播放器，请设为空即可 )
+VITE_SONG_ID = "9379831714"

.eslintignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+.gitignore

.eslintrc.json

@@ -0,0 +1,35 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": ["eslint:recommended", "plugin:vue/vue3-essential"],
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "plugins": ["vue"],
+  "rules": {
+    "vue/multi-word-component-names": "off"
+  },
+  "globals": {
+    "defineProps": true,
+    "defineEmits": true,
+    "withDefaults": true,
+    "h": true,
+    "vue": true,
+    "ref": true,
+    "reactive": true,
+    "computed": true,
+    "watch": true,
+    "provide": true,
+    "inject": true,
+    "defineComponent": true,
+    "onBeforeMount": true,
+    "onMounted": true,
+    "onBeforeUnmount": true,
+    "nextTick": true,
+    "ElMessage": true,
+    "$openList": true
+  }
+}

.github/ISSUE_TEMPLATE/bug-en.yml

@@ -0,0 +1,22 @@
+name: Encountering an Issue
+description: Please provide details about the issue you are encountering
+labels: [bug]
+body:
+  - type: input
+    id: site-url
+    validations:
+      required: true
+    attributes:
+      label: "Site URL"
+      placeholder: "Please provide the URL of the site where the issue occurred"
+  - type: input
+    id: problem
+    attributes:
+      label: "Description of the Issue"
+      description: "Include any error messages or screenshots if applicable"
+      placeholder: "Please describe the issue you are encountering"
+  - type: textarea
+    id: other
+    attributes:
+      label: "Additional Information"
+      description: "Is there anything else you would like to add?"

.github/ISSUE_TEMPLATE/bug.yml

@@ -0,0 +1,22 @@
+name: 遇到问题
+description: 请填写遇到的问题的详细信息
+labels: [bug]
+body:
+  - type: input
+    id: site-url
+    validations:
+      required: true
+    attributes:
+      label: "站点链接"
+      placeholder: "请填写你的站点链接"
+  - type: input
+    id: problem
+    attributes:
+      label: "问题描述"
+      description: "有错误的话请提供报错截图"
+      placeholder: "请详细描述一下遇到的问题"
+  - type: textarea
+    id: other
+    attributes:
+      label: "补充信息"
+      description: "还需要说些什么吗"

.github/ISSUE_TEMPLATE/other-en.yml

@@ -0,0 +1,14 @@
+name: Other Information
+description: Any other issues or questions related to usage
+labels: [other]
+body:
+  - type: textarea
+    id: title
+    attributes:
+      label: "Description of the Issue"
+      description: "Please provide a clear description of the issue you are experiencing"
+  - type: textarea
+    id: other
+    attributes:
+      label: "Additional Information"
+      description: "Is there any other information you would like to add?"

.github/ISSUE_TEMPLATE/other.yml

@@ -0,0 +1,14 @@
+name: 其他信息
+description: 关于使用上的问题
+labels: [other]
+body:
+  - type: textarea
+    id: title
+    attributes:
+      label: "问题描述"
+      description: "请尽量清晰的描述您遇到的问题"
+  - type: textarea
+    id: other
+    attributes:
+      label: "补充信息"
+      description: "有需要补充的信息吗"

.github/workflows/build.yml

@@ -0,0 +1,46 @@
+# Dev 分支推送部署预览
+## 仅部署 Win 端
+name: Build Dev
+
+on:
+  push:
+    branches:
+      - dev
+      - master
+
+jobs:
+  release:
+    name: Build Website
+    runs-on: windows-latest
+
+    steps:
+      # 检出 Git 仓库
+      - name: Check out git repository
+        uses: actions/checkout@v4.1.1
+      # 安装 Node.js
+      - name: Install Node.js
+        uses: actions/setup-node@v4.0.0
+        with:
+          node-version: "18.x"
+      # 复制环境变量文件
+      - name: Copy .env.example
+        run: |
+          if (-not (Test-Path .env)) {
+            Copy-Item .env.example .env
+          } else {
+            Write-Host ".env file already exists. Skipping the copy step."
+          }
+      # 安装项目依赖
+      - name: Install Dependencies
+        run: npm install
+      # 构建程序
+      - name: Build Website
+        run: npm run build
+        env:
+          GITHUB_TOKEN: ${{ secrets.ACCESS_TOKEN }}
+      # 上传构建产物
+      - name: Upload artifacts
+        uses: actions/upload-artifact@v3.1.3
+        with:
+          name: Home
+          path: dist

.gitignore

@@ -1 +1,25 @@
-.vscode
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+.env
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.hintrc

@@ -0,0 +1,17 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "compat-api/html": "off",
+    "no-protocol-relative-urls": "off",
+    "compat-api/css": [
+      "default",
+      {
+        "ignore": [
+          "backdrop-filter"
+        ]
+      }
+    ]
+  }
+}

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "singleQuote": false,
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "semi": true,
+  "printWidth": 100
+}

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}

.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-    "liveServer.settings.port": 5500
-}

CODE_OF_CONDUCT.md

@@ -0,0 +1,128 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+one@imsyy.top.
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior,  harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.

Dockerfile

@@ -0,0 +1,17 @@
+# 构建应用
+FROM node:18 AS builder
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+RUN [ ! -e ".env" ] && cp .env.example .env || true
+RUN npm run build
+
+# 最小化镜像
+FROM node:18-alpine
+WORKDIR /app
+COPY --from=builder /app/dist ./dist
+RUN npm install -g http-server
+
+EXPOSE 12445
+CMD ["http-server", "dist", "-p", "12445"]

README.md

@@ -1,19 +1,23 @@
+简体中文 | [English](./README_EN.md)
+
 <p>
-<strong><h2>無名の主页 </h2></strong>
+<strong><h2>無名の主页</h2></strong>
 简单的小主页，原来的看够了，重新弄了一个
 </p>
 
-![無名の主页](https://img.imsyy.top/other/imsyy-home.webp)
+![無名の主页](/screenshots/main.jpg)
 
->主页的名称字体已经过压缩，若用名称以外的字母会变回默认字体，这里是 [完整字体](https://cdn.jsdelivr.net/gh/imsyy/file/font/Pacifico-Regular.ttf)  
+> 主页的 Logo 字体已经过压缩，若用本站 Logo 以外的字母会变回默认字体，这里是 [完整字体](https://file.imsyy.top/font/Other/Pacifico-Regular.ttf)，若无法下载，可将字体目录下的 `Pacifico-Regular-all.ttf` 进行替换
->天气 API 每日限量100次，需 [自行申请](https://www.tianqiapi.com/)
 
-### Demo
+### 👀 Demo
->由于 CDN 缓存原因，查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存
+
+> 由于 CDN 缓存原因，查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存
 
 - [無名の主页](https://www.imsyy.top)
+- [無名の主页 - Dev](https://home-imsyy.vercel.app)
+- [無名の主页 - 备用线路](https://home-5iw.pages.dev)
 
-### 功能
+### 🎉 功能
 
 - [x] 载入动画
 - [x] 站点简介
@@ -23,20 +27,218 @@
 - [x] 时光进度条
 - [x] 音乐播放器
 - [x] 移动端适配
-* [ ] 还没想好呢
 
-### 插件
+### ⚙️ 自动部署
 
-* [Bootstrap](https://getbootstrap.com/)
+如果遇到构建环境或者打包过程出现错误，则可以采用 `Github Actions` 来进行自动构建
-* [iziToast](https://izitoast.marcelodolza.com/)
+
-* [Iconfont](https://www.iconfont.cn/)
+- 在成功 `fork` 仓库后，前往 `Actions` 页面，若您是首次开启，则会出现下面的提示，点击开启
-* [jQuery](https://jquery.com/)
+
-* [Aplayer](https://aplayer.js.org/)
+  ![步骤1](/screenshots/step1.jpg)
+
+- 然后在仓库中进行任意修改后均会触发工作流的运行，在工作流完成后，会在下方生成一个可供下载的压缩包，这就是构建出的静态文件，可自行上传至服务器
+
+  ![步骤2](/screenshots/step2.jpg)
+
+### ⚙️ 手动部署
+
+- **安装** [node.js](https://nodejs.org/zh-cn/) **环境**
+
+  > node > 16.16.0  
+  > npm > 8.15.0
+
+- 然后以 **管理员权限** 运行 `cmd` 终端，并 `cd` 到 项目根目录
+- 在 `终端` 中输入：
+
+```bash
+# 安装 pnpm
+npm install -g pnpm
+
+# 安装依赖
+pnpm install
+
+# 预览
+pnpm dev
+
+# 构建
+pnpm build
+```
+
+> 构建完成后，静态资源会在 **`dist` 目录** 中生成，可将 **`dist` 文件夹下的文件**上传至服务器，也可使用 `Vercel` 等托管平台一键导入并自动部署
+
+### ⚙️ Docker 部署
+
+> 安装及配置 Docker 将不在此处说明，请自行解决
+
+```bash
+# 构建
+docker build -t home .
+# 运行
+docker run -p 12445:12445 -d home
+```
+
+### ⚙️ Vercel 部署
+
+> 其他部署平台大致相同，在此不做说明
+
+1. 点击本仓库右上角的 `Fork`，复制本仓库到你的 `GitHub` 账号
+2. 复制 `/.env.example` 文件并重命名为 `/.env`（ 重要 ）
+3. 按需修改 `/.env` 文件中的配置
+4. 点击 `Deploy`，即可成功部署
+
+### 网站链接
+
+在 `src/assets/siteLinks.json` 中可以自定义网站链接（以指向自己的网站）:
+
+```json
+{
+  "icon": "Blog",
+  "name": "博客",
+  "link": "https://blog.imsyy.top/"
+},
+```
+
+其中 `icon` 网站链接的图标可以在 `src/components/Links/index.vue` 中添加:
+
+```js
+// 可前往 https://www.xicons.org 自行挑选并在此处引入
+// 此处引入的是 fa 类型
+import {
+  Link,
+  Blog,
+  CompactDisc,
+  Cloud,
+  Compass,
+  Book,
+  Fire,
+  LaptopCode,
+} from "@vicons/fa";
+
+...
+
+// 网站链接图标
+const siteIcon = {
+  Blog,
+  Cloud,
+  CompactDisc,
+  Compass,
+  Book,
+  Fire,
+  LaptopCode,
+};
+```
+
+### 社交链接
+
+在 `src/assets/socialLinks.json` 中可以自定义社交链接。
+
+### 天气
+
+天气及地区获取需要 `高德开放平台` 相关 API
+
+- 前往 [高德开放平台控制台](https://console.amap.com/dev/index) 创建一个 `Web 服务` 类型的 `Key`，并将 `Key` 填入 `.env` 中的 `VITE_WEATHER_KEY` 中
+
+也可自行更换其他方式
+
+### 音乐
+
+> 本项目采用了基于 `MetingJS` 的 `Aplayer` 音乐播放器，可实现快速自定义歌单  
+> \*仅支持 **中国大陆地区**
+
+请在 `.env` 文件中更改歌曲相关参数即可实现自定义歌单列表
+
+```bash
+# 歌曲 API 地址
+VITE_SONG_API = "https://api-meting.imsyy.top"
+# 歌曲服务器 ( netease-网易云, tencent-qq音乐 )
+VITE_SONG_SERVER = "netease"
+# 播放类型 ( song-歌曲, playlist-播放列表, album-专辑, search-搜索, artist-艺术家 )
+VITE_SONG_TYPE = "playlist"
+# 播放 ID
+VITE_SONG_ID = "7452421335"
+```
+
+### 字体
+
+现采用 `HarmonyOS Sans` 开源字体，采用字体拆分，提升加载速度
+
+> 由于本站 `CDN` 已开启防盗链，**非本站域名不可访问**，请将字体引入链接更改为下方内容，否则 **自定义字体将失效**
+>
+> `https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css`
+
+<details>
+<summary>旧版方式</summary>
+
+> 由于本项目引入了中文字体，需要压缩中文字体以提高网页加载速度（ 也可以取消使用中文字体 ）
+
+#### 中文字体去除繁体
+
+- 安装 `Python 3.7` 和 `pip`
+- 运行 `pip install fonttools`
+- 下载 [sc_unicode.txt](https://gist.githubusercontent.com/imaegoo/d64e5088b723c2e02c40985f55ff12db/raw/5ebd2ce49418c73459a9dfe050483409306a6c1d/sc_unicode.txt)
+- 运行 `pyftsubset 字体名称.ttf --unicodes-file=sc_unicode.txt`
+
+#### 字体进一步压缩
+
+- 编译安装 `Google woff2`
+
+```bash
+sudo apt-get install -y git g++ make
+git clone --recursive https://github.com/google/woff2.git
+cd woff2
+make clean all
+```
+
+- 再压缩字体
+
+```
+./woff2_compress ./字体名称.ttf
+```
+
+- 最终可对原字体进行缓加载，**先行加载压缩后的字体**
+
+> 详细信息可前往 [虹墨空间站](https://www.imaegoo.com/2020/chinese-font-compress/) 查看原文
+
+</details>
+
+### 网站图标及网站背景
+
+#### 网站背景
+
+可以在 `public/images` 中修改网站背景
+
+如果想要添加更多的本地图片作为网站背景，可以将图片重命名 `background+数字` 的形式，并在 `src/components/Background/index.vue` 中进行修改：
+
+```js
+if (type == 0) {
+  // 修改此处 Math.random() 后面的第一个数字为图片的数量
+  bgUrl.value = `/images/background${Math.floor(Math.random() * 10 + 1)}.webp`;
+}
+```
+
+#### 网站图标
+
+可以在 `public/images/icon` 中修改网站图标。
+
+### 技术栈
+
+- [Vue](https://cn.vuejs.org/)
+- [Vite](https://vitejs.cn/vite3-cn/)
+- [Pinia](https://pinia.vuejs.org/zh/)
+- [IconPark](https://iconpark.oceanengine.com/official)
+- [xicons](https://xicons.org/)
+- [Aplayer](https://aplayer.js.org/)
 
 ### API
 
-* [小歪 API](https://api.ixiaowai.cn/)
+- [韩小韩 WebAPI 接口](https://api.vvhan.com/)
-* [天气 API](https://www.tianqiapi.com/)
+- [搏天 API](https://api.btstu.cn/doc/sjbz.php)
-* [Hitokoto 一言](https://hitokoto.cn/)
+- [教书先生 API](https://api.oioweb.cn/doc/weather/GetWeather)
+- [高德开放平台](https://lbs.amap.com/)
+- [Hitokoto 一言](https://hitokoto.cn/)
 
-<a title="SSL" target="_blank" href="https://myssl.com/seal/detail?domain=blog.imsyy.top"><img src="https://img.shields.io/badge/MySSL-安全认证-brightgreen"></a>&nbsp;<a title="CDN" target="_blank" href="https://cdnjs.com/"><img src="https://img.shields.io/badge/CDN-Cloudflare-blue"></a>&nbsp;<a title="Copyright" target="_blank" href="https://imsyy.top/"><img src="https://img.shields.io/badge/Copyright%20%C2%A9%202020--2022-%E7%84%A1%E5%90%8D-red"></a>
+## Star History
+
+[![Star History Chart](https://api.star-history.com/svg?repos=imsyy/home&type=Date)](https://star-history.com/#imsyy/home&Date)
+
+<a title="SSL" target="_blank" href="https://myssl.com/seal/detail?domain=blog.imsyy.top"><img src="https://img.shields.io/badge/MySSL-安全认证-brightgreen"></a>&nbsp;<a title="CDN" target="_blank" href="https://cdnjs.com/"><img src="https://img.shields.io/badge/CDN-Cloudflare-blue"></a>&nbsp;<a title="Copyright" target="_blank" href="https://imsyy.top/"><img src="https://img.shields.io/badge/Copyright%20%C2%A9%202020--2023-%E7%84%A1%E5%90%8D-red"></a>

README_EN.md

@@ -0,0 +1,144 @@
+English | [Chinese](./README.md)
+
+<p>
+<strong><h2>無名の主页</h2></strong>
+Simple little homepage, had enough of the original one and made a new one
+</p>
+
+![無名の主页](https://s2.loli.net/2022/07/14/K5JigfvDoNewtuS.webp)
+
+>The logo font on the home page has been compressed, so if you use a font other than this logo, it will change back to the default font, Here is the [full font](https://file.4everland.app/font/Other/Pacifico-Regular.ttf)  
+
+### Demo
+
+>Due to CDN caching, you may need `Ctrl` + `F5` to force a browser cache refresh to see the latest results
+
+- [無名の主页](https://www.imsyy.top)
+- [無名の主页 - Dev](https://home-imsyy.vercel.app)
+- [無名の主页 - Standby](https://home-5iw.pages.dev)
+
+### Functions
+
+- [x] Loading animation
+- [x] Site description
+- [x] Hitokoto
+- [x] Date and time
+- [x] Live weather
+- [x] Time progress bar
+- [x] Music player
+- [x] Mobile adaptation
+
+* [ ] Player cancels using Aplayer
+
+### Deployment
+
+* **Installation** [node.js](https://nodejs.org/zh-cn/) **Environment**
+
+  > node > 16.16.0  
+  > npm > 8.15.0
+  
+* Then run the `cmd` terminal with **administrator privileges** and `cd` to the project root directory
+* In the `terminal` type:
+
+```bash
+# Install pnpm
+npm install -g pnpm
+
+# Install the dependencies
+pnpm install
+
+# Preview
+pnpm dev
+
+# Build
+pnpm build
+```
+
+> Once the build is complete, the files in the `dist` folder can be uploaded to the server or imported and automatically deployed with one click using a hosting platform such as `Vercel`.
+
+### Weather
+
+Weather and area access requires `高德开放平台` related API
+
+- Go to [高德开放平台控制台](https://console.amap.com/dev/index) to create a `Key` of type `Web Service` and fill the `Key` into `VITE_WEATHER_KEY` in `.env` 
+
+It can also be replaced by other methods
+
+### Music
+
+>This project uses the `Aplayer` music player based on `MetingJS` for quick song list customization  
+>*Only supported in **Mainland China**
+
+Please change the song related parameters in the `.env` file to customize the song list
+
+```bash
+# Songs API address
+VITE_SONG_API = "https://api-meting.imsyy.top"
+# Song server ( netease-netease, tencent-qq music )
+VITE_SONG_SERVER = "netease"
+# Playback type ( song-song, playlist-playlist, album-album, search-search, artist-artist )
+VITE_SONG_TYPE = "playlist"
+# Playback ID
+VITE_SONG_ID = "7452421335"
+```
+
+### Fonts
+
+Now using `HarmonyOS Sans` open source font, using font splitting to improve loading speed
+
+>Because this site's `CDN` has opened anti-leech, **non-site domain name is not accessible**, please change the font import link to the following content, otherwise **custom fonts will be invalid**
+>
+>`https://cdn.jsdelivr.net/gh/imsyy/file/font/HarmonyOS_Sans/regular.min.css`
+
+<details>
+<summary>old way</summary>
+
+>As Chinese fonts are introduced in this project, Chinese fonts need to be compressed to improve the loading speed of the page (you can also cancel the use of Chinese fonts)
+
+#### Chinese font removal traditional
+
+- Install `Python 3.7` and `pip`
+- Run `pip install fonttools`
+- Download [sc_unicode.txt](https://gist.githubusercontent.com/imaegoo/d64e5088b723c2e02c40985f55ff12db/raw/5ebd2ce49418c73459a9dfe050483409306a6c1d/sc_unicode.txt)
+- Run `pyftsubset font-name.ttf --unicodes-file=sc_unicode.txt`
+
+#### fonts further compressed
+
+- Compile and install ``Google woff2``
+
+```bash
+sudo apt-get install -y git g++ make
+git clone --recursive https://github.com/google/woff2.git
+cd woff2
+make clean all
+```
+
+- Compress the font again
+
+```
+. /woff2_compress . /font_name.ttf
+```
+
+- Eventually the original font can be slow loaded, **load the compressed font first**
+
+>For more information, please go to [虹墨空间站](https://www.imaegoo.com/2020/chinese-font-compress/) to view the original article
+
+</details>
+
+### Technology Stack
+
+* [Vue](https://cn.vuejs.org/)
+* [Vite](https://vitejs.cn/vite3-cn/)
+* [Pinia](https://pinia.vuejs.org/zh/)
+* [IconPark](https://iconpark.oceanengine.com/official)
+* [xicons](https://xicons.org/)
+* [Aplayer](https://aplayer.js.org/)
+
+### API
+
+* [韩小韩 WebAPI 接口](https://api.vvhan.com/)
+* [搏天 API](https://api.btstu.cn/doc/sjbz.php)
+* [高德开放平台](https://lbs.amap.com/)
+* [Hitokoto 一言](https://hitokoto.cn/)
+
+<a title="SSL" target="_blank" href="https://myssl.com/seal/detail?domain=blog.imsyy.top"><img src="https://img.shields.io/badge/MySSL-安全认证-brightgreen"></a>&nbsp;<a title="CDN" target="_blank" href="https://cdnjs.com/"><img src="https://img.shields.io/badge/CDN-Cloudflare-blue"></a>&nbsp;<a title="Copyright" target="_blank" href="https://imsyy.top/"><img src="https://img.shields.io/badge/Copyright%20%C2%A9%202020--2023-%E7%84%A1%E5%90%8D-red"></a>

auto-imports.d.ts

@@ -0,0 +1,57 @@
+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const ElMessage: typeof import('element-plus/es')['ElMessage']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const resolveDirective: typeof import('vue')['resolveDirective']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}

components.d.ts

@@ -0,0 +1,35 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    Background: typeof import('./src/components/Background.vue')['default']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElCollapse: typeof import('element-plus/es')['ElCollapse']
+    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
+    ElProgress: typeof import('element-plus/es')['ElProgress']
+    ElRadio: typeof import('element-plus/es')['ElRadio']
+    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElSlider: typeof import('element-plus/es')['ElSlider']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    Footer: typeof import('./src/components/Footer.vue')['default']
+    Hitokoto: typeof import('./src/components/Hitokoto.vue')['default']
+    Links: typeof import('./src/components/Links.vue')['default']
+    Loading: typeof import('./src/components/Loading.vue')['default']
+    Message: typeof import('./src/components/Message.vue')['default']
+    MoreContent: typeof import('./src/components/MoreContent.vue')['default']
+    Music: typeof import('./src/components/Music.vue')['default']
+    Player: typeof import('./src/components/Player.vue')['default']
+    Set: typeof import('./src/components/Set.vue')['default']
+    SocialLinks: typeof import('./src/components/SocialLinks.vue')['default']
+    TimeCapsule: typeof import('./src/components/TimeCapsule.vue')['default']
+    Weather: typeof import('./src/components/Weather.vue')['default']
+  }
+}

css/animation.css

@@ -1,89 +0,0 @@
-/*模糊渐入动画*/
-@keyframes fade-in {
-    0% {
-        opacity: 0;
-        backdrop-filter: blur(0px);
-    }
-
-    100% {
-        opacity: 1;
-        backdrop-filter: blur(10px);
-    }
-}
-
-@-webkit-keyframes fade-in {
-    0% {
-        opacity: 0;
-        backdrop-filter: blur(0px);
-    }
-
-    100% {
-        opacity: 1;
-        backdrop-filter: blur(10px);
-    }
-}
-
-@-moz-keyframes fade-in {
-    0% {
-        opacity: 0;
-        backdrop-filter: blur(0px);
-    }
-
-    100% {
-        opacity: 1;
-        backdrop-filter: blur(10px);
-    }
-}
-
-@-o-keyframes fade-in {
-    0% {
-        opacity: 0;
-        backdrop-filter: blur(0px);
-    }
-
-    100% {
-        opacity: 1;
-        backdrop-filter: blur(10px);
-    }
-}
-
-/*渐入动画*/
-@keyframes fade {
-    0% {
-        opacity: 0;
-    }
-
-    100% {
-        opacity: 1;
-    }
-}
-
-@-webkit-keyframes fade {
-    0% {
-        opacity: 0;
-    }
-
-    100% {
-        opacity: 1;
-    }
-}
-
-@-moz-keyframes fade {
-    0% {
-        opacity: 0;
-    }
-
-    100% {
-        opacity: 1;
-    }
-}
-
-@-o-keyframes fade {
-    0% {
-        opacity: 0;
-    }
-
-    100% {
-        opacity: 1;
-    }
-}

css/animation.min.css

@@ -1 +0,0 @@
-@keyframes fade-in{0%{opacity:0;backdrop-filter:blur(0)}100%{opacity:1;backdrop-filter:blur(10px)}}@-webkit-keyframes fade-in{0%{opacity:0;backdrop-filter:blur(0)}100%{opacity:1;backdrop-filter:blur(10px)}}@-moz-keyframes fade-in{0%{opacity:0;backdrop-filter:blur(0)}100%{opacity:1;backdrop-filter:blur(10px)}}@-o-keyframes fade-in{0%{opacity:0;backdrop-filter:blur(0)}100%{opacity:1;backdrop-filter:blur(10px)}}@keyframes fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fade{0%{opacity:0}100%{opacity:1}}@-o-keyframes fade{0%{opacity:0}100%{opacity:1}}

css/cursor.css

@@ -1,30 +0,0 @@
-#cursor {
-    position: fixed;
-    width: 18px;
-    height: 18px;
-    background: #ffffffcc;
-    border-radius: 50%;
-    opacity: 0.25;
-    z-index: 99999999;
-    pointer-events: none;
-    transition: 0.2s ease-in-out;
-    transition-property: background, opacity, transform;
-}
-
-#cursor.hidden {
-    opacity: 0;
-}
-
-#cursor.hover {
-    opacity: 0.1;
-    transform: scale(2.5);
-}
-
-#cursor.active {
-    opacity: 0.5;
-    transform: scale(0.5);
-}
-
-* {
-    cursor: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='10px' height='10px'><circle cx='4' cy='4' r='4' fill='white' /></svg>") 4 4, auto !important;
-}

css/cursor.min.css

@@ -1 +0,0 @@
-#cursor{position:fixed;width:18px;height:18px;background:#ffffffcc;border-radius:50%;opacity:.25;z-index:99999999;pointer-events:none;transition:.2s ease-in-out;transition-property:background,opacity,transform}#cursor.hidden{opacity:0}#cursor.hover{opacity:.1;transform:scale(2.5)}#cursor.active{opacity:.5;transform:scale(.5)}*{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='10px' height='10px'><circle cx='4' cy='4' r='4' fill='white' /></svg>") 4 4,auto!important}

css/firefox.css

@@ -1,18 +0,0 @@
-.message,
-.time,
-.hitokoto,
-.music,
-.link-card,
-.more,
-.box-wrapper,
-footer {
-    background: rgba(0, 0, 0, 0.3);
-}
-
-.link-card:hover {
-    background: rgb(0, 0, 0, 0.4);
-}
-
-.progress {
-    background: rgba(0, 0, 0, 0.2) !important;
-}

css/firefox.min.css

@@ -1 +0,0 @@
-.box-wrapper,.hitokoto,.link-card,.message,.more,.music,.time,footer{background:rgba(0,0,0,.3)}.link-card:hover{background:rgb(0,0,0,.4)}.progress{background:rgba(0,0,0,.2)!important}

css/font.css

@@ -1,179 +0,0 @@
-@font-face {
-    font-family: "Pacifico-Regular";
-    src: url('../font/Pacifico-Regular.ttf') format('truetype');
-}
-
-@font-face {
-    font-family: "UnidreamLED";
-    src: url('../font/UnidreamLED.ttf') format('truetype');
-}
-
-@font-face {
-    font-family: "MiSans";
-    /* src: url('../font/MiSans-Regular.woff') format('woff'); */
-    src: url('https://file.imsyy.top/font/MiSans-Regular.woff') format('woff');
-}
-
-@font-face {
-    font-family: "iconfont";
-    /* Project id 2831425 */
-    src: url('../font/iconfont.woff2') format('woff2'),
-        url('../font/iconfont.woff') format('woff'),
-        url('../font/iconfont.ttf') format('truetype');
-}
-
-.iconfont {
-    font-family: "iconfont" !important;
-    font-size: 16px;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-z_shangpinheji:before {
-    content: "\e683";
-}
-
-.icon-a-daohangzhiyindingwei-05:before {
-    content: "\e970";
-}
-
-.icon-volume-x:before {
-    content: "\e67a";
-}
-
-.icon-volume-1:before {
-    content: "\e67b";
-}
-
-.icon-volume:before {
-    content: "\e67c";
-}
-
-.icon-volume-2:before {
-    content: "\e67d";
-}
-
-.icon-music:before {
-    content: "\e986";
-}
-
-.icon-next-one:before {
-    content: "\e609";
-}
-
-.icon-next-one-copy:before {
-    content: "\ebd5";
-}
-
-.icon-pause:before {
-    content: "\e733";
-}
-
-.icon-play:before {
-    content: "\e65c";
-}
-
-.icon-undo:before {
-    content: "\e875";
-}
-
-.icon-wrench-fill:before {
-    content: "\e86e";
-}
-
-.icon-plus:before {
-    content: "\e653";
-}
-
-.icon-right:before {
-    content: "\e613";
-}
-
-.icon-right-copy:before {
-    content: "\ebd4";
-}
-
-.icon-times:before {
-    content: "\e857";
-}
-
-.icon-bars:before {
-    content: "\e61f";
-}
-
-.icon-link:before {
-    content: "\e603";
-}
-
-.icon-close:before {
-    content: "\e656";
-}
-
-.icon-photo:before {
-    content: "\ebd3";
-}
-
-.icon-navigation1:before {
-    content: "\e637";
-}
-
-.icon-cloud:before {
-    content: "\e624";
-}
-
-.icon-lab:before {
-    content: "\e88d";
-}
-
-.icon-blog-solid:before {
-    content: "\e631";
-}
-
-.icon-comment-alt-lines:before {
-    content: "\e679";
-}
-
-.icon-music-list:before {
-    content: "\e699";
-}
-
-.icon-youxiang:before {
-    content: "\e605";
-}
-
-.icon-github:before {
-    content: "\e691";
-}
-
-.icon-telegram1:before {
-    content: "\e731";
-}
-
-.icon-QQ:before {
-    content: "\e882";
-}
-
-.icon-twitter:before {
-    content: "\e883";
-}
-
-.icon-github1:before {
-    content: "\e799";
-}
-
-.icon-weixin:before {
-    content: "\e600";
-}
-
-.icon-telegram:before {
-    content: "\e8db";
-}
-
-.icon-yinhao-copy:before {
-    content: "\e608";
-}
-
-.icon-yinhao-copy-copy:before {
-    content: "\e62e";
-}

css/font.min.css

@@ -1 +0,0 @@
-@font-face{font-family:Pacifico-Regular;src:url(../font/Pacifico-Regular.ttf) format('truetype')}@font-face{font-family:UnidreamLED;src:url(../font/UnidreamLED.ttf) format('truetype')}@font-face{font-family:MiSans;src:url(https://file.imsyy.top/font/MiSans-Regular.woff) format('woff')}@font-face{font-family:iconfont;src:url(../font/iconfont.woff2) format('woff2'),url(../font/iconfont.woff) format('woff'),url(../font/iconfont.ttf) format('truetype')}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-z_shangpinheji:before{content:"\e683"}.icon-a-daohangzhiyindingwei-05:before{content:"\e970"}.icon-volume-x:before{content:"\e67a"}.icon-volume-1:before{content:"\e67b"}.icon-volume:before{content:"\e67c"}.icon-volume-2:before{content:"\e67d"}.icon-music:before{content:"\e986"}.icon-next-one:before{content:"\e609"}.icon-next-one-copy:before{content:"\ebd5"}.icon-pause:before{content:"\e733"}.icon-play:before{content:"\e65c"}.icon-undo:before{content:"\e875"}.icon-wrench-fill:before{content:"\e86e"}.icon-plus:before{content:"\e653"}.icon-right:before{content:"\e613"}.icon-right-copy:before{content:"\ebd4"}.icon-times:before{content:"\e857"}.icon-bars:before{content:"\e61f"}.icon-link:before{content:"\e603"}.icon-close:before{content:"\e656"}.icon-photo:before{content:"\ebd3"}.icon-navigation1:before{content:"\e637"}.icon-cloud:before{content:"\e624"}.icon-lab:before{content:"\e88d"}.icon-blog-solid:before{content:"\e631"}.icon-comment-alt-lines:before{content:"\e679"}.icon-music-list:before{content:"\e699"}.icon-youxiang:before{content:"\e605"}.icon-github:before{content:"\e691"}.icon-telegram1:before{content:"\e731"}.icon-QQ:before{content:"\e882"}.icon-twitter:before{content:"\e883"}.icon-github1:before{content:"\e799"}.icon-weixin:before{content:"\e600"}.icon-telegram:before{content:"\e8db"}.icon-yinhao-copy:before{content:"\e608"}.icon-yinhao-copy-copy:before{content:"\e62e"}

css/lantern.css

@@ -1,229 +0,0 @@
-@charset "UTF-8";
-
-.lantern__warpper {
-    position: fixed;
-    top: 12px;
-    left: 40px;
-    pointer-events: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    z-index: 999
-}
-
-.lantern__warpper.lantern__secondary {
-    left: calc(100% - 130px)
-}
-
-.lantern__warpper.lantern__secondary .lantern__box {
-    -webkit-animation-duration: 3s;
-    animation-duration: 3s
-}
-
-.lantern__box {
-    position: relative;
-    display: inline-block;
-    width: 90px;
-    height: 70px;
-    background: rgba(216, 0, 15, .8);
-    border-radius: 50% 50%;
-    animation: lantern-swing 3s ease-in-out infinite alternate-reverse;
-    -webkit-transform-origin: 50% -70px;
-    -ms-transform-origin: 50% -70px;
-    transform-origin: 50% -70px;
-    -webkit-box-shadow: -5px 5px 50px 4px #fa6c00;
-    box-shadow: -5px 5px 50px 4px #fa6c00
-}
-
-.lantern__box:after,
-.lantern__box:before {
-    content: "";
-    position: absolute;
-    height: 8px;
-    width: 45px;
-    left: 50%;
-    border: 1px solid #dc8f03;
-    background: -webkit-gradient(linear, left top, right top, from(#dc8f03), color-stop(orange), color-stop(#dc8f03), color-stop(orange), to(#dc8f03));
-    background: -o-linear-gradient(left, #dc8f03, orange, #dc8f03, orange, #dc8f03);
-    background: linear-gradient(90deg, #dc8f03, orange, #dc8f03, orange, #dc8f03)
-}
-
-.lantern__box:before {
-    top: 0;
-    border-radius: 5px 5px 0 0;
-    -webkit-transform: translate(-50%, -50%);
-    -ms-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%)
-}
-
-.lantern__box:after {
-    bottom: 0;
-    border-radius: 0 0 5px 5px;
-    -webkit-transform: translate(-50%, 50%);
-    -ms-transform: translate(-50%, 50%);
-    transform: translate(-50%, 50%)
-}
-
-.lantern__line {
-    position: absolute;
-    width: 2px;
-    height: 12px;
-    top: 0;
-    left: 50%;
-    -webkit-transform: translate(-50%, -100%);
-    -ms-transform: translate(-50%, -100%);
-    transform: translate(-50%, -100%);
-    background: #dc8f03
-}
-
-.lantern__circle {
-    width: 80%;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box
-}
-
-.lantern__circle,
-.lantern__circle .lantern__ellipse {
-    height: 100%;
-    margin: 0 auto;
-    border-radius: 50%;
-    border: 2px solid #dc8f03
-}
-
-.lantern__circle .lantern__ellipse {
-    width: 50%
-}
-
-.lantern__circle .lantern__text {
-    font-family: 华文行楷, Microsoft YaHei, sans-serif;
-    font-size: 24.3px;
-    color: #dc8f03;
-    font-weight: 700;
-    line-height: 66px;
-    text-align: center
-}
-
-.lantern__tail {
-    position: relative;
-    width: 4px;
-    height: 12px;
-    margin: 0 auto;
-    animation: lantern-swing 3s ease-in-out infinite alternate-reverse;
-    background: orange;
-    border-radius: 0 0 5px 5px
-}
-
-.lantern__tail .lantern__junction {
-    position: absolute;
-    top: 0;
-    left: 50%;
-    width: 8px;
-    height: 8px;
-    -webkit-transform: translate(-50%, 8.4px);
-    -ms-transform: translate(-50%, 8.4px);
-    transform: translate(-50%, 8.4px);
-    background: #e69603;
-    border-radius: 50%
-}
-
-.lantern__tail .lantern__rect {
-    position: absolute;
-    top: 0;
-    left: 50%;
-    -webkit-transform: translate(-50%, 10.8px);
-    -ms-transform: translate(-50%, 10.8px);
-    transform: translate(-50%, 10.8px);
-    width: 8px;
-    height: 24px;
-    background: orange;
-    border-radius: 5px 5px 0 5px
-}
-
-@-webkit-keyframes lantern-swing {
-    0% {
-        -webkit-transform: rotate(-8deg);
-        transform: rotate(-8deg)
-    }
-
-    to {
-        -webkit-transform: rotate(8deg);
-        transform: rotate(8deg)
-    }
-}
-
-@keyframes lantern-swing {
-    0% {
-        -webkit-transform: rotate(-8deg);
-        transform: rotate(-8deg)
-    }
-
-    to {
-        -webkit-transform: rotate(8deg);
-        transform: rotate(8deg)
-    }
-}
-
-@media (max-width:460px) {
-    .lantern__warpper {
-        top: 8px;
-        left: 30px
-    }
-
-    .lantern__warpper.lantern__secondary {
-        left: calc(100% - 80px)
-    }
-
-    .lantern__box {
-        width: 50px;
-        height: 40px;
-        -webkit-transform-origin: 50% -40px;
-        -ms-transform-origin: 50% -40px;
-        transform-origin: 50% -40px;
-        -webkit-box-shadow: -5px 5px 50px -1px #fa6c00;
-        box-shadow: -5px 5px 50px -1px #fa6c00
-    }
-
-    .lantern__box:after,
-    .lantern__box:before {
-        height: 4px;
-        width: 25px
-    }
-
-    .lantern__line {
-        width: 2px;
-        height: 8px
-    }
-
-    .lantern__circle .lantern__text {
-        font-size: 13.5px;
-        line-height: 38px
-    }
-
-    .lantern__tail {
-        width: 4px;
-        height: 8px
-    }
-
-    .lantern__tail .lantern__junction {
-        width: 8px;
-        height: 8px;
-        -webkit-transform: translate(-50%, 5.6px);
-        -ms-transform: translate(-50%, 5.6px);
-        transform: translate(-50%, 5.6px)
-    }
-
-    .lantern__tail .lantern__rect {
-        -webkit-transform: translate(-50%, 7.2px);
-        -ms-transform: translate(-50%, 7.2px);
-        transform: translate(-50%, 7.2px);
-        width: 8px;
-        height: 16px
-    }
-}
-
-@media screen and (max-width:720px) {
-    .lantern__warpper {
-        display: none;
-    }
-}

css/lantern.min.css

@@ -1 +0,0 @@
-@charset "UTF-8";.lantern__warpper{position:fixed;top:12px;left:40px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:999}.lantern__warpper.lantern__secondary{left:calc(100% - 130px)}.lantern__warpper.lantern__secondary .lantern__box{-webkit-animation-duration:3s;animation-duration:3s}.lantern__box{position:relative;display:inline-block;width:90px;height:70px;background:rgba(216,0,15,.8);border-radius:50% 50%;animation:lantern-swing 3s ease-in-out infinite alternate-reverse;-webkit-transform-origin:50% -70px;-ms-transform-origin:50% -70px;transform-origin:50% -70px;-webkit-box-shadow:-5px 5px 50px 4px #fa6c00;box-shadow:-5px 5px 50px 4px #fa6c00}.lantern__box:after,.lantern__box:before{content:"";position:absolute;height:8px;width:45px;left:50%;border:1px solid #dc8f03;background:-webkit-gradient(linear,left top,right top,from(#dc8f03),color-stop(orange),color-stop(#dc8f03),color-stop(orange),to(#dc8f03));background:-o-linear-gradient(left,#dc8f03,orange,#dc8f03,orange,#dc8f03);background:linear-gradient(90deg,#dc8f03,orange,#dc8f03,orange,#dc8f03)}.lantern__box:before{top:0;border-radius:5px 5px 0 0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.lantern__box:after{bottom:0;border-radius:0 0 5px 5px;-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%)}.lantern__line{position:absolute;width:2px;height:12px;top:0;left:50%;-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);background:#dc8f03}.lantern__circle{width:80%;-webkit-box-sizing:border-box;box-sizing:border-box}.lantern__circle,.lantern__circle .lantern__ellipse{height:100%;margin:0 auto;border-radius:50%;border:2px solid #dc8f03}.lantern__circle .lantern__ellipse{width:50%}.lantern__circle .lantern__text{font-family:华文行楷,Microsoft YaHei,sans-serif;font-size:24.3px;color:#dc8f03;font-weight:700;line-height:66px;text-align:center}.lantern__tail{position:relative;width:4px;height:12px;margin:0 auto;animation:lantern-swing 3s ease-in-out infinite alternate-reverse;background:orange;border-radius:0 0 5px 5px}.lantern__tail .lantern__junction{position:absolute;top:0;left:50%;width:8px;height:8px;-webkit-transform:translate(-50%,8.4px);-ms-transform:translate(-50%,8.4px);transform:translate(-50%,8.4px);background:#e69603;border-radius:50%}.lantern__tail .lantern__rect{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,10.8px);-ms-transform:translate(-50%,10.8px);transform:translate(-50%,10.8px);width:8px;height:24px;background:orange;border-radius:5px 5px 0 5px}@-webkit-keyframes lantern-swing{0%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}to{-webkit-transform:rotate(8deg);transform:rotate(8deg)}}@keyframes lantern-swing{0%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}to{-webkit-transform:rotate(8deg);transform:rotate(8deg)}}@media (max-width:460px){.lantern__warpper{top:8px;left:30px}.lantern__warpper.lantern__secondary{left:calc(100% - 80px)}.lantern__box{width:50px;height:40px;-webkit-transform-origin:50% -40px;-ms-transform-origin:50% -40px;transform-origin:50% -40px;-webkit-box-shadow:-5px 5px 50px -1px #fa6c00;box-shadow:-5px 5px 50px -1px #fa6c00}.lantern__box:after,.lantern__box:before{height:4px;width:25px}.lantern__line{width:2px;height:8px}.lantern__circle .lantern__text{font-size:13.5px;line-height:38px}.lantern__tail{width:4px;height:8px}.lantern__tail .lantern__junction{width:8px;height:8px;-webkit-transform:translate(-50%,5.6px);-ms-transform:translate(-50%,5.6px);transform:translate(-50%,5.6px)}.lantern__tail .lantern__rect{-webkit-transform:translate(-50%,7.2px);-ms-transform:translate(-50%,7.2px);transform:translate(-50%,7.2px);width:8px;height:16px}}@media screen and (max-width:720px){.lantern__warpper{display:none}}

css/loading.css

@@ -1,125 +0,0 @@
-#loading-box .loading-left-bg,
-#loading-box .loading-right-bg {
-    position: fixed;
-    z-index: 999998;
-    width: 50%;
-    height: 100%;
-    background-color: rgb(81 81 81 / 80%);
-    transition: all 0.7s cubic-bezier(0.42, 0, 0, 1.01);
-    backdrop-filter: blur(10px);
-}
-
-#loading-box .loading-right-bg {
-    right: 0;
-}
-
-#loading-box>.spinner-box {
-    position: fixed;
-    z-index: 999999;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100vh;
-}
-
-#loading-box .spinner-box .loading-word {
-    position: absolute;
-    color: #ffffff;
-    font-size: 0.95rem;
-    transform: translateY(64px);
-    text-align: center;
-}
-
-p.loading-title {
-    font-size: 1.25rem;
-    margin: 20px 10px 4px 10px;
-}
-
-#loading-box .spinner-box .configure-core {
-    width: 100%;
-    height: 100%;
-    background-color: #37474f;
-}
-
-div.loaded div.loading-left-bg {
-    transform: translate(-100%, 0);
-}
-
-div.loaded div.loading-right-bg {
-    transform: translate(100%, 0);
-}
-
-div.loaded div.spinner-box {
-    display: none !important;
-}
-
-.loader {
-    position: absolute;
-    top: calc(50% - 32px);
-    left: calc(50% - 32px);
-    width: 64px;
-    height: 64px;
-    border-radius: 50%;
-    perspective: 800px;
-    transition: all 0.7s cubic-bezier(0.42, 0, 0, 1.01);
-}
-
-.inner {
-    position: absolute;
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-}
-
-.inner.one {
-    left: 0%;
-    top: 0%;
-    animation: rotate-one 1s linear infinite;
-    border-bottom: 3px solid #EFEFFA;
-}
-
-.inner.two {
-    right: 0%;
-    top: 0%;
-    animation: rotate-two 1s linear infinite;
-    border-right: 3px solid #EFEFFA;
-}
-
-.inner.three {
-    right: 0%;
-    bottom: 0%;
-    animation: rotate-three 1s linear infinite;
-    border-top: 3px solid #EFEFFA;
-}
-
-@keyframes rotate-one {
-    0% {
-        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
-    }
-
-    100% {
-        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
-    }
-}
-
-@keyframes rotate-two {
-    0% {
-        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
-    }
-
-    100% {
-        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
-    }
-}
-
-@keyframes rotate-three {
-    0% {
-        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
-    }
-
-    100% {
-        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
-    }
-}

css/loading.min.css

@@ -1 +0,0 @@
-#loading-box .loading-left-bg,#loading-box .loading-right-bg{position:fixed;z-index:999998;width:50%;height:100%;background-color:rgb(81 81 81 / 80%);transition:all .7s cubic-bezier(.42,0,0,1.01);backdrop-filter:blur(10px)}#loading-box .loading-right-bg{right:0}#loading-box>.spinner-box{position:fixed;z-index:999999;display:flex;justify-content:center;align-items:center;width:100%;height:100vh}#loading-box .spinner-box .loading-word{position:absolute;color:#fff;font-size:.95rem;transform:translateY(64px);text-align:center}p.loading-title{font-size:1.25rem;margin:20px 10px 4px 10px}#loading-box .spinner-box .configure-core{width:100%;height:100%;background-color:#37474f}div.loaded div.loading-left-bg{transform:translate(-100%,0)}div.loaded div.loading-right-bg{transform:translate(100%,0)}div.loaded div.spinner-box{display:none!important}.loader{position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;border-radius:50%;perspective:800px;transition:all .7s cubic-bezier(.42,0,0,1.01)}.inner{position:absolute;box-sizing:border-box;width:100%;height:100%;border-radius:50%}.inner.one{left:0;top:0;animation:rotate-one 1s linear infinite;border-bottom:3px solid #efeffa}.inner.two{right:0;top:0;animation:rotate-two 1s linear infinite;border-right:3px solid #efeffa}.inner.three{right:0;bottom:0;animation:rotate-three 1s linear infinite;border-top:3px solid #efeffa}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}

css/mobile.css

@@ -1,380 +0,0 @@
-@charset "utf-8";
-
-/*小于1400px时*/
-@media (max-width: 1400px) {}
-
-/*小于1200px时*/
-@media (max-width: 1200px) {
-
-    /*总布局*/
-    .container,
-    .container-lg,
-    .container-md,
-    .container-sm {
-        max-width: 1000px !important;
-    }
-
-    .weekday {
-        display: none;
-    }
-
-    /*音乐播放器*/
-    .music-text {
-        max-width: 170px !important;
-    }
-}
-
-/*小于992px时*/
-@media (max-width: 992px) {
-
-    /*总布局*/
-    .container,
-    .container-lg,
-    .container-md,
-    .container-sm {
-        max-width: 900px !important;
-    }
-
-    .col.left {
-        margin-right: 0.75rem;
-    }
-
-    .col.right {
-        margin-left: 0.75rem;
-    }
-
-    /*一言*/
-    .col.hitokotos {
-        display: none;
-    }
-
-    /*时间卡片*/
-    .col.times {
-        margin-left: 0rem;
-    }
-
-    /*日期显示*/
-    .weekday {
-        display: inline;
-    }
-
-    /*标题文字*/
-    .main-img img {
-        width: 110px;
-    }
-
-    span.img-title {
-        font-size: 4.75rem;
-    }
-
-    span.img-text {
-        font-size: 1.75rem;
-    }
-
-    /*链接卡片文字*/
-    span.link-name {
-        display: none !important;
-    }
-
-    .link-card i {
-        margin-left: 10px !important;
-        margin-right: 10px !important;
-    }
-}
-
-/*小于840px时*/
-@media (max-width: 840px) {
-
-
-    /*社交链接*/
-    .social {
-        max-width: 100%;
-        justify-content: center;
-    }
-
-    #link-text {
-        display: none !important;
-    }
-
-    .link i {
-        margin: 0px 20px;
-    }
-}
-
-/*小于789px时*/
-@media (max-width: 789px) {
-
-    /*标题文字*/
-    span.img-text {
-        display: none;
-    }
-}
-
-/*小于768px时*/
-@media (max-width: 768px) {
-
-    /*标题文字*/
-    .main-img img {
-        width: 100px;
-    }
-
-    span.img-title {
-        font-size: 4.5rem;
-    }
-}
-
-/*小于720px时*/
-@media (max-width: 720px) {
-
-    /*左侧栏高度*/
-    .main-left {
-        transform: translateY(20px);
-    }
-
-    /*左侧栏边距*/
-    .col.left {
-        margin-right: 0rem;
-    }
-
-    /*右侧栏隐藏*/
-    .col.right {
-        display: none;
-    }
-
-    /*右侧栏边距*/
-    .col.right {
-        margin-left: 0rem;
-    }
-
-    /*标题文字*/
-    span.img-text {
-        display: inline;
-    }
-
-    /*简介*/
-    .message {
-        max-width: 100%;
-        pointer-events: none;
-    }
-
-    /*
-    .des {
-        justify-content: space-between;
-    }
-    */
-
-    /*链接卡片*/
-    .link-card {
-        height: 80px !important;
-        align-items: center !important;
-        flex-direction: column !important;
-        justify-content: center !important;
-    }
-
-    .link-card i {
-        font-size: 1.75rem;
-    }
-
-    i.iconfont.icon-a-daohangzhiyindingwei-05,
-    i.iconfont.icon-z_shangpinheji {
-        font-size: 1.65rem;
-    }
-
-    span.link-name {
-        display: block !important;
-        font-size: 0.85rem;
-    }
-
-    .link-card:hover span.link-name {
-        font-size: 0.95rem;
-    }
-
-    span.line-text,
-    i.iconfont.icon-link {
-        font-size: 1.05rem;
-    }
-
-    /*菜单栏按钮*/
-    .menu {
-        display: flex;
-        justify-content: center;
-        position: fixed;
-        top: 84%;
-    }
-
-    .munu-button {
-        padding: 5px 20px;
-        background: rgb(0 0 0 / 20%);
-        backdrop-filter: blur(10px);
-        border-radius: 6px;
-        font-size: 1.25rem;
-        transition: 0.5s;
-        width: 60px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 40px;
-    }
-
-    /*页脚文字*/
-    footer {
-        font-size: 0.85rem;
-    }
-
-    /*一言*/
-    .col.hitokotos {
-        margin-right: 0rem;
-    }
-
-    .hitokoto-text,
-    .hitokoto-from {
-        font-size: 1.05rem;
-    }
-
-    /*音乐播放器*/
-    .music-text {
-        max-width: 100% !important;
-    }
-
-    #music-name {
-        font-size: 1.05rem;
-    }
-
-    #music-open {
-        display: none;
-    }
-
-    /*隐藏鼠标样式*/
-    #cursor {
-        background: transparent !important;
-    }
-
-}
-
-/*小于390px时*/
-@media (max-width: 390px) {
-    .main-img img {
-        display: none;
-    }
-}
-
-/* 大于568px时 */
-@media (min-width: 568px) {
-    .iziToast {
-        border-radius: 30px !important;
-    }
-}
-
-
-/* 大于720px时 */
-@media (min-width: 720px) {
-    .menu {
-        display: none !important;
-    }
-}
-
-/* 大于992px时 */
-@media (min-width: 992px) {
-
-    /*时钟显示*/
-    span#win_text,
-    span#win_speed {
-        display: none;
-    }
-}
-
-/* 大于1400px时 */
-@media (min-width: 1400px) {
-
-    /*时钟显示*/
-    span#win_text,
-    span#win_speed {
-        display: inline !important;
-    }
-}
-
-
-/*
-菜单按钮
-*/
-.menus .col.left {
-    display: none;
-}
-
-.menus .col.right {
-    display: block !important;
-    transition: 0.5s;
-    padding: 0rem 0.75rem;
-}
-
-/*功能区调整*/
-.menus .col.hitokotos {
-    display: block;
-}
-
-.menus .col.times {
-    display: none;
-}
-
-/*边界布局*/
-.menus .row {
-    --bs-gutter-x: 0rem;
-}
-
-.menus .col.\32 {
-    margin: 0 0.75rem;
-}
-
-.menus .logo {
-    display: inline !important;
-    text-align: center;
-    position: fixed;
-    top: 8%;
-    font-size: 1.75rem;
-}
-
-/*第二屏logo*/
-.logo-text {
-    font-family: 'Pacifico-Regular' !important;
-}
-
-/*切换动画*/
-/*
-.hitokoto,
-.time,
-.link-card,
-.message {
-    animation: fade-in;
-    -webkit-animation: fade-in 0.5s;
-    -moz-animation: fade-in 0.5s;
-    -o-animation: fade-in 0.5s;
-    -ms-animation: fade-in 0.5s;
-}
-*/
-.logo,
-.line,
-.main-img,
-.social,
-.close,
-.hitokoto,
-.time,
-.link-card,
-.message,
-#link-text {
-    animation: fade 0.5;
-    -webkit-animation: fade 0.5s;
-    -moz-animation: fade 0.5s;
-    -o-animation: fade 0.5s;
-    -ms-animation: fade 0.5s;
-}
-
-/*
-移动端功能区切换
-*/
-.mobile .col.hitokotos {
-    display: none;
-}
-
-.mobile .col.times {
-    display: block;
-}

css/mobile.min.css

@@ -1 +0,0 @@
-@charset "utf-8";@media (max-width:1200px){.container,.container-lg,.container-md,.container-sm{max-width:1000px!important}.weekday{display:none}.music-text{max-width:170px!important}}@media (max-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:900px!important}.col.left{margin-right:.75rem}.col.right{margin-left:.75rem}.col.hitokotos{display:none}.col.times{margin-left:0}.weekday{display:inline}.main-img img{width:110px}span.img-title{font-size:4.75rem}span.img-text{font-size:1.75rem}span.link-name{display:none!important}.link-card i{margin-left:10px!important;margin-right:10px!important}}@media (max-width:840px){.social{max-width:100%;justify-content:center}#link-text{display:none!important}.link i{margin:0 20px}}@media (max-width:789px){span.img-text{display:none}}@media (max-width:768px){.main-img img{width:100px}span.img-title{font-size:4.5rem}}@media (max-width:720px){.main-left{transform:translateY(20px)}.col.left{margin-right:0}.col.right{display:none}.col.right{margin-left:0}span.img-text{display:inline}.message{max-width:100%;pointer-events:none}.link-card{height:80px!important;align-items:center!important;flex-direction:column!important;justify-content:center!important}.link-card i{font-size:1.75rem}i.iconfont.icon-a-daohangzhiyindingwei-05,i.iconfont.icon-z_shangpinheji{font-size:1.65rem}span.link-name{display:block!important;font-size:.85rem}.link-card:hover span.link-name{font-size:.95rem}i.iconfont.icon-link,span.line-text{font-size:1.05rem}.menu{display:flex;justify-content:center;position:fixed;top:84%}.munu-button{padding:5px 20px;background:rgb(0 0 0 / 20%);backdrop-filter:blur(10px);border-radius:6px;font-size:1.25rem;transition:.5s;width:60px;display:flex;justify-content:center;align-items:center;height:40px}footer{font-size:.85rem}.col.hitokotos{margin-right:0}.hitokoto-from,.hitokoto-text{font-size:1.05rem}.music-text{max-width:100%!important}#music-name{font-size:1.05rem}#music-open{display:none}#cursor{background:0 0!important}}@media (max-width:390px){.main-img img{display:none}}@media (min-width:568px){.iziToast{border-radius:30px!important}}@media (min-width:720px){.menu{display:none!important}}@media (min-width:992px){span#win_speed,span#win_text{display:none}}@media (min-width:1400px){span#win_speed,span#win_text{display:inline!important}}.menus .col.left{display:none}.menus .col.right{display:block!important;transition:.5s;padding:0 .75rem}.menus .col.hitokotos{display:block}.menus .col.times{display:none}.menus .row{--bs-gutter-x:0rem}.menus .col.\32{margin:0 .75rem}.menus .logo{display:inline!important;text-align:center;position:fixed;top:8%;font-size:1.75rem}.logo-text{font-family:Pacifico-Regular!important}#link-text,.close,.hitokoto,.line,.link-card,.logo,.main-img,.message,.social,.time{animation:fade .5;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.mobile .col.hitokotos{display:none}.mobile .col.times{display:block}

css/style.css

@@ -1,950 +0,0 @@
-@charset "utf-8";
-
-/*全局样式*/
-html,
-body {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-    background-color: #333;
-}
-
-*,
-a,
-p {
-    text-decoration: none;
-    transition: 0.3s;
-    color: #efefef;
-    user-select: none;
-    font-family: 'MiSans', sans-serif;
-}
-
-a:hover {
-    color: white;
-}
-
-.cards {
-    transition: 0.5s;
-}
-
-.cards:hover {
-    transform: scale(1.01);
-    transition: 0.5s;
-}
-
-.cards:active {
-    transform: scale(0.95);
-    transition: 0.5s;
-}
-
-.noscript {
-    z-index: 999999;
-    font-size: 0.95rem;
-    text-align: center;
-    margin: 14px 0px;
-}
-
-/*背景*/
-.bg-all {
-    z-index: -1;
-    position: absolute;
-    top: calc(0px + 0px);
-    left: 0;
-    width: 100%;
-    height: calc(100% - 0px);
-    transition: .25s;
-}
-
-#bg {
-    transform: scale(1.10);
-    filter: blur(10px);
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    transition: opacity 1s, transform .25s, filter .25s;
-    backface-visibility: hidden;
-}
-
-img.error {
-    display: none;
-}
-
-.cover {
-    opacity: 0;
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background-image: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%), radial-gradient(rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, .3) 166%);
-    transition: .25s;
-}
-
-/*页面样式*/
-section {
-    display: block;
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    min-height: 600px;
-    transform: scale(1.10);
-    transition: ease 1.25s;
-    opacity: 0;
-    filter: blur(10px);
-}
-
-main {
-    width: 100%;
-    height: 100%;
-    background: rgb(0 0 0 / 20%);
-    display: flex;
-    /*align-items: center;*/
-}
-
-.container {
-    width: 100%;
-    display: flex;
-    justify-content: space-around;
-}
-
-.row {
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    --bs-gutter-x: 0 !important;
-}
-
-.col.\32 {
-    margin: 0 1.5rem;
-}
-
-.main-left {
-    /*transform: translateY(240px);*/
-    transform: translateY(40px);
-}
-
-.row.rightone {
-    display: flex;
-    align-items: center;
-}
-
-/*头像*/
-.main-img {
-    display: flex;
-    align-items: center;
-}
-
-.main-img img {
-    border-radius: 50%;
-    width: 120px;
-}
-
-.main-img img:hover {
-    transform: rotate(360deg);
-}
-
-.img-title {
-    width: 100%;
-    margin-left: 12px;
-    transform: translateY(-8%);
-}
-
-span.img-title {
-    font-size: 5rem;
-    font-family: 'Pacifico-Regular' !important;
-}
-
-span.img-text {
-    font-size: 2rem;
-    font-family: 'Pacifico-Regular' !important;
-}
-
-/*简介*/
-.message {
-    background: rgb(0 0 0 / 25%);
-    backdrop-filter: blur(10px);
-    /*margin: 0.5rem;*/
-    padding: 1rem;
-    border-radius: 6px;
-    margin-top: 3.5rem;
-    max-width: 460px;
-    cursor: pointer;
-}
-
-.des {
-    display: flex;
-    justify-content: space-between;
-}
-
-.des-title {
-    margin: 1rem 1rem;
-    line-height: 2rem;
-    /*font-size: 1.10rem;*/
-}
-
-span#change {
-    font-family: 'Pacifico-Regular' !important;
-}
-
-i.iconfont.icon-yinhao-copy {
-    align-self: flex-end;
-}
-
-/*社交链接*/
-.social {
-    margin-top: 1rem;
-    display: flex;
-    align-items: center;
-    max-width: 460px;
-}
-
-.link i {
-    font-size: 1.75rem;
-    margin: 0px 10px;
-}
-
-/*
-.social .link i:hover {
-    font-size: 2.5rem;
-}
-*/
-#link-text {
-    display: none;
-    flex: 1;
-    text-align: right;
-    margin-right: 1rem;
-}
-
-/*一言*/
-.col.hitokotos {
-    margin-right: 0.75rem;
-}
-
-.hitokoto {
-    width: 100%;
-    background: rgb(0 0 0 / 25%);
-    backdrop-filter: blur(10px);
-    padding: 20px;
-    border-radius: 6px;
-    height: 165px;
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-}
-
-.hitokoto-all {
-    margin-top: 10px;
-    display: flex;
-    flex-direction: column;
-}
-
-.hitokoto-text {
-    font-size: 1.10rem;
-}
-
-#hitokoto_text {
-    word-break: break-all;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-}
-
-.hitokoto-from {
-    margin-top: 10px;
-    font-weight: bold;
-    align-self: flex-end;
-    font-size: 1.10rem;
-}
-
-.open-music {
-    display: none;
-    justify-content: center;
-    background: rgb(0 0 0 / 15%);
-    padding: 4px 0px;
-    font-size: 0.95rem;
-    animation: fade;
-    -webkit-animation: fade 0.5s;
-    -moz-animation: fade 0.5s;
-    -o-animation: fade 0.5s;
-    -ms-animation: fade 0.5s;
-}
-
-.open-music:hover {
-    background: rgb(0 0 0 / 30%);
-}
-
-/*音乐播放器卡片*/
-#music {
-    display: none;
-}
-
-.music {
-    width: 100%;
-    background: rgb(0 0 0 / 25%);
-    backdrop-filter: blur(10px);
-    padding: 20px;
-    border-radius: 6px;
-    height: 165px;
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    animation: fade;
-    -webkit-animation: fade 0.3s;
-    -moz-animation: fade 0.3s;
-    -o-animation: fade 0.3s;
-    -ms-animation: fade 0.3s;
-}
-
-.music-all {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: space-around;
-    height: 100%;
-}
-
-.music-button {
-    display: flex;
-    align-items: center;
-    margin-bottom: 6px;
-}
-
-.music-control {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-evenly;
-    width: 100%;
-}
-
-.music-menu {
-    height: 26px;
-    display: flex;
-    align-items: center;
-}
-
-i.iconfont.icon-play,
-i.iconfont.icon-pause {
-    font-size: 2.25rem;
-    padding: 6px;
-    border-radius: 6px;
-}
-
-i.iconfont.icon-play:hover,
-i.iconfont.icon-pause:hover {
-    background: rgb(255 255 255 / 20%);
-    padding: 6px;
-    border-radius: 6px;
-}
-
-i#last,
-i#next {
-    font-size: 2.0rem;
-}
-
-.music-text {
-    margin-top: 6px;
-    font-size: 1.10rem;
-    text-overflow: ellipsis;
-    max-width: 220px;
-    overflow-x: hidden;
-    white-space: nowrap;
-    animation: fade;
-    -webkit-animation: fade 0.5s;
-    -moz-animation: fade 0.5s;
-    -o-animation: fade 0.5s;
-    -ms-animation: fade 0.5s;
-}
-
-#music-open,
-#music-close {
-    background: rgb(255 255 255 / 15%);
-    padding: 2px 8px;
-    border-radius: 6px;
-    margin: 0px 6px;
-    text-overflow: ellipsis;
-    overflow-x: hidden;
-    white-space: nowrap;
-}
-
-#music-open:hover,
-#music-close:hover {
-    background: rgb(255 255 255 / 30%);
-}
-
-.music-volume {
-    margin-top: 6px;
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    animation: fade;
-    -webkit-animation: fade 0.5s;
-    -moz-animation: fade 0.5s;
-    -o-animation: fade 0.5s;
-    -ms-animation: fade 0.5s;
-}
-
-#volume-ico {
-    padding-top: 1px;
-    margin-right: 6px;
-}
-
-.music-volume i {
-    font-size: 1.75rem;
-}
-
-input[type=range] {
-    -webkit-appearance: none;
-    width: 100%;
-    border-radius: 10px;
-    height: 8px;
-    background: rgb(255 255 255 / 15%);
-}
-
-input[type=range]::-webkit-slider-thumb,
-input[type=range]::-moz-range-thumb {
-    -webkit-appearance: none;
-}
-
-input[type=range]::-webkit-slider-runnable-track,
-input[type=range]::-moz-range-track {
-    height: 15px;
-    border-radius: 10px;
-}
-
-input[type=range]:focus {
-    outline: none;
-}
-
-input[type=range]::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    height: 15px;
-    width: 15px;
-    background: #ffffff;
-    border-radius: 50%;
-}
-
-/*时间卡片*/
-.col.times {
-    margin-left: 0.75rem;
-}
-
-.time {
-    width: 100%;
-    background: rgb(0 0 0 / 25%);
-    backdrop-filter: blur(10px);
-    padding: 20px;
-    border-radius: 6px;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    height: 165px;
-    font-size: 1.10rem;
-}
-
-span.time-text {
-    font-size: 3.25rem;
-    letter-spacing: 2px;
-    font-family: 'UnidreamLED' !important;
-}
-
-/*分割线*/
-.line {
-    margin: 1rem 0.25rem;
-    margin-top: 2rem;
-    font-size: 1.10rem;
-    display: flex;
-    align-items: center;
-}
-
-span.line-text {
-    font-size: 1.2rem;
-    margin: 0px 6px;
-}
-
-i.iconfont.icon-link {
-    font-size: 1.2rem;
-}
-
-/*链接卡片*/
-.link-card {
-    height: 100px;
-    width: 100%;
-    border-radius: 6px;
-    background: rgb(0 0 0 / 25%);
-    backdrop-filter: blur(10px);
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    justify-content: center;
-}
-
-.link-card i {
-    margin-left: 0px;
-    font-size: 2.2rem;
-}
-
-.link-card:hover {
-    background: rgb(0 0 0 / 40%);
-    transition: 0.5s;
-}
-
-span.link-name {
-    font-size: 1.1rem;
-}
-
-.link-card:hover span.link-name {
-    font-size: 1.15rem;
-}
-
-i.iconfont.icon-a-daohangzhiyindingwei-05,
-i.iconfont.icon-z_shangpinheji {
-    font-size: 2rem;
-}
-
-/*更多页面*/
-.more {
-    display: none !important;
-    width: 46%;
-    z-index: 999;
-    position: fixed;
-    height: 82%;
-    right: 4%;
-    background: rgb(0 0 0 / 25%);
-    backdrop-filter: blur(10px);
-    top: 7%;
-    border-radius: 6px;
-    padding: 30px;
-}
-
-.mores .more {
-    display: flex !important;
-    justify-content: space-evenly;
-    flex-direction: column;
-    align-items: center;
-    animation: fade;
-    -webkit-animation: fade 0.3s;
-    -moz-animation: fade 0.3s;
-    -o-animation: fade 0.3s;
-    -ms-animation: fade 0.3s;
-}
-
-.mores .col.right {
-    display: none;
-}
-
-/*关闭按钮*/
-
-.close {
-    display: none;
-    left: auto;
-    top: 4px;
-    right: 8px;
-    font-size: 1.45rem;
-}
-
-.close:hover {
-    transform: scale(1.2);
-}
-
-/*时间胶囊*/
-.progress {
-    width: 100%;
-    height: 20px;
-    align-items: center;
-    background: rgb(0 0 0 / 0%) !important;
-    backdrop-filter: blur(5px);
-}
-
-.progress-bar {
-    font-family: 'UnidreamLED' !important;
-    background-color: #efefef !important;
-    color: rgb(86 77 89) !important;
-    font-size: 0.95rem;
-    height: 20px;
-}
-
-.date {
-    width: 100%;
-}
-
-.date-text {
-    margin: 1rem 0rem 0.5rem 0rem;
-}
-
-/*其他链接*/
-
-.mores .link-card {
-    height: 48px !important;
-}
-
-/*更多页面*/
-.box-left {
-    flex: 0 44%;
-    min-width: 400px;
-}
-
-.box {
-    position: fixed;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 1996;
-    background-color: rgba(0, 0, 0, .5);
-    backdrop-filter: blur(20px);
-    animation: fade 0.3s;
-}
-
-.box-wrapper {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    -webkit-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-    z-index: 1997;
-    width: 80%;
-    height: 80%;
-    background: rgb(255 255 255 / 40%);
-    border-radius: 6px;
-    -webkit-animation: fade .3s;
-    animation: fade .3s;
-    padding: 40px;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-}
-
-#accordion {
-    min-width: 360px;
-    margin-right: 40px;
-    margin-top: 20px;
-    margin-left: 14px;
-    border-radius: 8px;
-    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 7%), 0 1px 5px 0 rgb(0 0 0 / 10%);
-}
-
-.accordion-item {
-    background-color: transparent !important;
-    border: none !important;
-}
-
-.accordion-item:first-of-type .accordion-button {
-    border-radius: 8px;
-}
-
-.accordion-button {
-    color: white !important;
-    background-color: transparent;
-    transition: 0.3s;
-
-}
-
-.accordion-button:focus {
-    border-color: #ffffff26 !important;
-    outline: none !important;
-    box-shadow: none !important;
-    border-radius: 8px;
-    transition: 0.3s;
-}
-
-.accordion-button:not(.collapsed) {
-    background-color: #ffffff26;
-    border-bottom-left-radius: 0px !important;
-    border-bottom-right-radius: 0px !important;
-    font-weight: bold;
-    transition: 0.3s;
-}
-
-.accordion-button::after {
-    border-radius: 8px;
-    background-image: none !important;
-}
-
-.accordion-body {
-    padding: 1rem 0rem !important;
-    background-color: #ffffff10;
-}
-
-.closebox {
-    left: auto;
-    top: 10px;
-    right: 16px;
-}
-
-.closebox:hover {
-    transform: scale(1.2);
-}
-
-i.iconfont.icon-close,
-i.iconfont.icon-github1 {
-    font-size: 1.45rem;
-}
-
-/*个性设置*/
-.set {
-    display: flex;
-    flex-direction: column;
-    padding: 0rem 1.5rem;
-}
-
-.btn-group,
-.btn-group-vertical {
-    margin-top: 10px;
-}
-
-.btn-outline-primary {
-    color: #eeeeee !important;
-    border-color: #ffffff26 !important;
-}
-
-.btn-outline-primary:hover {
-    background-color: #ffffff26 !important;
-    border-color: #eeeeee !important;
-}
-
-.btn-check:focus+.btn, .btn:focus {
-    box-shadow: none !important;
-}
-
-.btn-check:active+.btn-outline-primary,
-.btn-check:checked+.btn-outline-primary,
-.btn-outline-primary.active,
-.btn-outline-primary.dropdown-toggle.show,
-.btn-outline-primary:active {
-    background-color: #ffffff26 !important;
-    border-color: #eeeeee !important;
-}
-
-#wallpaper {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-}
-
-.form-radio {
-    flex: 1 1 0%;
-    width: 31.3%;
-    min-width: 31.3%;
-    max-width: 31.3%;
-    text-align: center;
-    margin: 1%;
-}
-
-input[type="radio"]+label {
-    padding: 6px 10px;
-    background: #ffffff26;
-    border-radius: 8px;
-    transition: 0.3s;
-    border: 2px solid transparent;
-    width: 100%;
-}
-
-input[type="radio"]:checked+label {
-    background: #ffffff06;
-    border: 2px solid #eeeeee;
-}
-
-/*更新日志*/
-.upnote {
-    display: flex;
-    flex-direction: column;
-    padding: 0rem 1.5rem;
-    height: 156px;
-    overflow-y: auto;
-}
-
-.uptext {
-    line-height: 32px;
-}
-
-/*Aplayer*/
-.box-right {
-    flex: 0 54%;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-}
-
-.aplayer {
-    background: transparent !important;
-    width: 100%;
-    border-radius: 6px !important;
-    margin-right: 18px;
-}
-
-.aplayer.aplayer-withlrc .aplayer-pic {
-    display: none;
-}
-
-.aplayer.aplayer-withlrc .aplayer-info {
-    margin-left: 0px !important;
-}
-
-.aplayer.aplayer-withlrc .aplayer-info {
-    background-color: #ffffff26;
-    border-radius: 6px;
-}
-
-/*歌曲名称*/
-.aplayer .aplayer-info .aplayer-music .aplayer-title {
-    font-size: 16px !important;
-}
-
-/*音乐列表*/
-.aplayer.aplayer-withlist .aplayer-list {
-    margin-top: 6px;
-}
-
-.aplayer .aplayer-list ol li.aplayer-list-light {
-    background: #ffffff26 !important;
-    border-radius: 6px !important;
-}
-
-.aplayer .aplayer-list ol li:hover {
-    background: #ffffff26 !important;
-    border-radius: 6px !important;
-}
-
-.aplayer .aplayer-list ol li {
-    border-top: 1px solid transparent !important;
-}
-
-.aplayer.aplayer-withlist .aplayer-info {
-    border-bottom: 1px solid transparent !important;
-}
-
-.aplayer-list-cur {
-    background-color: #eeeeee !important;
-}
-
-/*控制面板 - Bug*/
-.aplayer .aplayer-info .aplayer-controller {
-    display: none !important;
-}
-
-/*歌词间距*/
-.aplayer .aplayer-lrc {
-    margin: 4px 0 0px !important;
-    height: 34px !important;
-}
-
-.aplayer .aplayer-lrc {
-    text-align: left !important;
-    margin-left: 5px !important;
-}
-
-/*歌词大小*/
-.aplayer .aplayer-lrc p.aplayer-lrc-current {
-    font-size: 14.5px !important;
-}
-
-/*全局字体颜色*/
-.aplayer .aplayer-info .aplayer-music .aplayer-title,
-.aplayer .aplayer-info .aplayer-music .aplayer-author,
-.aplayer .aplayer-lrc p,
-span.aplayer-list-title,
-span.aplayer-list-author,
-span.aplayer-list-index {
-    color: white !important;
-}
-
-/*全局背景*/
-.aplayer .aplayer-lrc:after,
-.aplayer .aplayer-lrc:before {
-    background: transparent !important;
-}
-
-/*Aplayer结束*/
-
-/*移动端页面切换按钮*/
-i.iconfont.icon-bars,
-i.iconfont.icon-times {
-    font-size: 1.25rem;
-}
-
-/*页脚样式*/
-footer {
-    text-align: center;
-    height: 46px;
-    backdrop-filter: blur(10px);
-    background: rgb(0 0 0 / 25%);
-}
-
-.power {
-    line-height: 46px;
-    color: #eeeeee;
-    animation: fade;
-    -webkit-animation: fade 0.75s;
-    -moz-animation: fade 0.75s;
-    -o-animation: fade 0.75s;
-    -ms-animation: fade 0.75s;
-}
-
-/*播放音乐时底栏歌词*/
-#lrc {
-    display: none;
-    line-height: 46px;
-    color: #eeeeee;
-    animation: fade;
-    -webkit-animation: fade 0.75s;
-    -moz-animation: fade 0.75s;
-    -o-animation: fade 0.75s;
-    -ms-animation: fade 0.75s;
-}
-
-/*弹窗样式*/
-.iziToast {
-    backdrop-filter: blur(10px) !important;
-}
-
-.iziToast>.iziToast-body .iziToast-title {
-    font-size: 16px !important;
-}
-
-.iziToast-body .iziToast-message {
-    line-height: 18px !important;
-}
-
-.iziToast>.iziToast-body .iziToast-message {
-    margin: 6px 0px 4px 0px !important;
-}
-
-.iziToast:after {
-    box-shadow: none !important;
-}
-
-.iziToast>.iziToast-body .iziToast-texts {
-    margin: 6px 6px !important;
-    display: flex !important;
-    align-items: center;
-}
-
-.iziToast-message {
-    word-break: break-all !important;
-}
-
-.iziToast>.iziToast-close {
-    background: url(https://cdn.jsdelivr.net/gh/imsyy/file/pic/close.png) no-repeat 50% 50% !important;
-    background-size: 8px !important;
-}
-
-/*滚动条样式*/
-::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-    background-color: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background-color: #eeeeee;
-}

docker-compose.yml

@@ -0,0 +1,9 @@
+version: '3'
+
+services:
+  app:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    ports:
+      - "12445:12445"

index.html

@@ -1,471 +1,39 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="zh-CN">
-
+  <head>
-<head>
+    <meta charset="UTF-8" />
-    <!-- 基础信息 -->
+    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
-    <meta charset="utf-8">
+    <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
-    <meta http-equiv="Access-Control-Allow-Origin" content="*">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="renderer" content="webkit" />
+    <link rel="icon" href="%VITE_SITE_LOGO%" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <link rel="apple-touch-icon" href="%VITE_SITE_APPLE_LOGO%" />
-    <meta name="force-rendering" content="webkit" />
+    <link rel="bookmark" href="%VITE_SITE_APPLE_LOGO%" />
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="apple-touch-icon-precomposed" sizes="200x200" href="%VITE_SITE_APPLE_LOGO%" />
-    <meta name="description" content="無名の主页">
+    <meta name="description" content="%VITE_SITE_DES%" />
-    <meta name="keywords" content="無名,个人主页">
+    <meta name="keywords" content="%VITE_SITE_KEYWORDS%" />
-    <meta name="author" content="無名">
+    <meta name="author" content="%VITE_SITE_ANTHOR%" />
-    <title>無名の主页</title>
+    <meta name="theme-color" content="#424242" />
-    <!-- jQuery -->
+    <title>%VITE_SITE_NAME%</title>
-    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/jquery/3.5.1/jquery.min.js"></script>
+    <!-- HarmonyOS Sans -->
-    <!-- 引入样式 -->
+    <!-- 本站 CDN 已开启防盗链，非本站域名不可访问，请更改链接为下方内容，否则自定义字体将失效 -->
-    <link rel="stylesheet" type="text/css"
+    <link rel="stylesheet" href="https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css" />
-        href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/bootstrap/5.1.0/css/bootstrap.min.css">
+    <!-- <link rel="stylesheet" href="https://cdn.imsyy.top/gh/imsyy/file/font/HarmonyOS_Sans/regular.min.css" /> -->
-    <link rel="stylesheet" type="text/css" href="./css/style.min.css">
-    <link rel="stylesheet" type="text/css" href="./css/mobile.min.css">
-    <link rel="stylesheet" type="text/css" href="./css/font.min.css">
-    <link rel="stylesheet" type="text/css" href="./css/loading.min.css">
-    <link rel="stylesheet" type="text/css" href="./css/animation.min.css">
-    <link rel="stylesheet" type="text/css" href="./css/cursor.min.css">
-    <link rel="icon" href="./favicon.ico">
-    <link rel="apple-touch-icon" href="./img/icon/apple-touch-icon.png">
-    <!-- Izitoast -->
-    <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/izitoast/1.4.0/css/iziToast.min.css">
-    <script type="text/javascript"
-        src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/izitoast/1.4.0/js/iziToast.min.js">
-    </script>
-    <!-- Aplayer -->
-    <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/aplayer/1.10.1/APlayer.min.css"
-        crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/aplayer/1.10.1/APlayer.min.js" crossorigin="anonymous"
-        referrerpolicy="no-referrer"></script>
     <!-- IE Out -->
     <script>
-        if ( /*@cc_on!@*/ false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href =
+      if (/*@cc_on!@*/ false || (!!window.MSInputMethodContext && !!document.documentMode))
-            "/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location.href);
+        window.location.href =
+          'https://support.dmeng.net/upgrade-your-browser.html?referrer=' +
+          encodeURIComponent(window.location.href);
     </script>
-    <!-- 51.LA 统计 -->
+  </head>
-    <script src="https://file.imsyy.top/js/51LA/51LA.js"></script>
-</head>
 
-<body>
+  <body>
-    <!--加载动画-->
+    <!-- 主体内容 -->
-    <div id="loading-box">
+    <div id="app"></div>
-        <div class="loading-left-bg"></div>
-        <div class="loading-right-bg"></div>
-        <div class="spinner-box">
-            <div class="loader">
-                <div class="inner one"></div>
-                <div class="inner two"></div>
-                <div class="inner three"></div>
-            </div>
-            <div class="loading-word">
-                <p class="loading-title">無名の主页</p>
-                <span id="loading-text">加载中</span>
-            </div>
-        </div>
-    </div>
-    <section id="section" class="section">
-        <!-- 背景图片 -->
-        <div class="bg-all">
-            <img id="bg" onerror="this.classList.add('error');"></img>
-            <div class="cover"></div>
-        </div>
-        <!--主体内容-->
-        <main id="main" class="main">
-            <div class="container" id="container">
-                <div class="row" id="row">
-                    <div class="col left">
-                        <!--基本信息-->
-                        <div class="main-left">
-                            <!--Logo-->
-                            <div class="main-img">
-                                <img src="./img/icon/logo.png" alt="img">
-                                <div class="img-title">
-                                    <span class="img-title">imsyy</span>
-                                    <span class="img-text">.top</span>
-                                </div>
-                            </div>
-                            <!--介绍信息-->
-                            <div class="message cards" id="switchmore">
-                                <div class="des" id="des"><i class="iconfont icon-yinhao-copy-copy"></i>
-                                    <div class="des-title"><span id="change">Hello&nbsp;World&nbsp;!</span><br /><span
-                                            id="change1">一个建立于 21 世纪的小站，存活于互联网的边缘</span></div>
-                                    <i class="iconfont icon-yinhao-copy"></i>
-                                </div>
-                            </div>
-                            <!--社交链接-->
-                            <div class="social" id="social">
-                                <a href="https://github.com/imsyy" class="link" id="github" target="_blank">
-                                    <i class="iconfont icon-github"></i>
-                                </a>
-                                <a href="http://wpa.qq.com/msgrd?v=3&uin=1539250352&site=qq&menu=yes" class="link"
-                                    id="qq" target="_blank">
-                                    <i class="iconfont icon-QQ"></i>
-                                </a>
-                                <a href="mailto:one@imsyy.top" class="link" id="email">
-                                    <i class="iconfont icon-youxiang"></i>
-                                </a>
-                                <a href="https://t.me/bottom_user" class="link" id="telegram" target="_blank">
-                                    <i class="iconfont icon-telegram"></i>
-                                </a>
-                                <a href="https://twitter.com/iimmsyy" class="link" id="twitter" target="_blank">
-                                    <i class="iconfont icon-twitter"></i>
-                                </a>
-                                <a id="link-text">通过这里联系我</a>
-                            </div>
-                        </div>
-                    </div>
-                    <!--第二屏 Logo-->
-                    <div class="logo cards" style="display: none" id="changemore">
-                        <a class="logo-text">imsyy.top</a>
-                    </div>
-                    <div class="col right">
-                        <div class="main-right">
-                            <!--功能区-->
-                            <div class="row rightone" id="rightone">
-                                <div class="col hitokotos">
-                                    <!--一言-->
-                                    <div class="hitokoto cards" id="hitokoto">
-                                        <!--切换音乐-->
-                                        <div class="open-music fixed-top" id="open-music">
-                                            <i class="iconfont icon-music"></i>
-                                            <span>&nbsp;打开音乐播放器</span>
-                                        </div>
-                                        <!--切换音乐结束-->
-                                        <div class="hitokoto-all">
-                                            <div class="hitokoto-text"><span id="hitokoto_text">每一个人都应该明确自己的方向和位置</span>
-                                            </div>
-                                            <div class="hitokoto-from">-「&nbsp;<span id="from_text">無名</span>&nbsp;」
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <!--音乐-->
-                                    <div class="music cards" id="music">
-                                        <div class="music-all">
-                                            <div class="music-button">
-                                                <div id="music-open">音乐列表</div>
-                                                <div id="music-close">回到一言</div>
-                                            </div>
-                                            <div class="music-control">
-                                                <i class="iconfont icon-next-one-copy" id="last"></i>
-                                                <div id="play">
-                                                    <i class="iconfont icon-play"></i>
-                                                </div>
-                                                <i class="iconfont icon-next-one" id="next"></i>
-                                            </div>
-                                            <div class="music-menu">
-                                                <div class="music-text">
-                                                    <span id="music-name">未播放音乐</span>
-                                                </div>
-                                                <div class="music-volume" style="display: none;">
-                                                    <div id="volume-ico">
-                                                        <i class="iconfont icon-volume-1"></i>
-                                                    </div>
-                                                    <input type="range" min="0" max="1" step="0.01" id="volume"
-                                                        oninput="changevolume()">
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="col times">
-                                    <!--时间-->
-                                    <div class="time cards">
-                                        <div class="timeshow" id="time">
-                                            2000&nbsp;年&nbsp;0&nbsp;月&nbsp;00&nbsp;日&nbsp;<span
-                                                class="weekday">星期一</span><br><span class="time-text">00:00:00</span>
-                                        </div>
-                                        <div class="weather">
-                                            <span id="city_text">天气</span>&nbsp;
-                                            <span id="wea_text">加载失败</span>&nbsp;
-                                            <span id="tem_night"></span>°C~
-                                            <span id="tem_day"></span>°C
-                                            <!-- <span id="win_text"></span>
-                                            <span id="win_speed"></span> -->
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <!--分隔线-->
-                            <div class="line">
-                                <i class="iconfont icon-link"></i>
-                                <span class="line-text">网站列表</span>
-                            </div>
-                            <!--网站链接-->
-                            <div class="link">
-                                <!--第一组-->
-                                <div class="row">
-                                    <div class="col">
-                                        <a href="https://blog.imsyy.top/" target="_blank">
-                                            <div class="link-card cards">
-                                                <i class="iconfont icon-blog-solid"></i>
-                                                <span class="link-name">博客</span>
-                                            </div>
-                                        </a>
-                                    </div>
-                                    <div class="col 2">
-                                        <a href="https://drive.imsyy.top/" target="_blank">
-                                            <div class="link-card cards">
-                                                <i class="iconfont icon-cloud"></i>
-                                                <span class="link-name">网盘</span>
-                                            </div>
-                                        </a>
-                                    </div>
-                                    <div class="col">
-                                        <a href="https://music.imsyy.top/" target="_blank">
-                                            <div class="link-card cards">
-                                                <i class="iconfont icon-music-list"></i>
-                                                <span class="link-name">音乐</span>
-                                            </div>
-                                        </a>
-                                    </div>
-                                </div>
-                                <!--第二组-->
-                                <div class="row" style="margin-top: 1.5rem;">
-                                    <div class="col">
-                                        <a href="https://nav.imsyy.top/" target="_blank">
-                                            <div class="link-card cards">
-                                                <i class="iconfont icon-a-daohangzhiyindingwei-05"></i>
-                                                <span class="link-name">起始页</span>
-                                            </div>
-                                        </a>
-                                    </div>
-                                    <div class="col 2">
-                                        <a href="https://web.imsyy.top/" target="_blank">
-                                            <div class="link-card cards">
-                                                <i class="iconfont icon-z_shangpinheji"></i>
-                                                <span class="link-name">网址集</span>
-                                            </div>
-                                        </a>
-                                    </div>
-                                    <div class="col">
-                                        <a href="https://lab.imsyy.top/" target="_blank">
-                                            <div class="link-card cards">
-                                                <i class="iconfont icon-lab"></i>
-                                                <span class="link-name">实验室</span>
-                                            </div>
-                                        </a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!--展开菜单按钮-->
-                <div class="menu" id="switchmenu">
-                    <a class="munu-button cards" id="menu"><i class="iconfont icon-bars"></i></a>
-                </div>
-                <!--更多内容-->
-                <div class="more" id="more">
-                    <!--关闭按钮-->
-                    <div class="close fixed-top" id="close">
-                        <i class="iconfont icon-close"></i>
-                    </div>
-                    <div class="line" style="margin-top: 1rem;">
-                        <i class="iconfont icon-right-copy"></i>
-                        <span class="line-text">时间胶囊</span>
-                        <i class="iconfont icon-right"></i>
-                    </div>
-                    <div class="date" id="date">
-                        <div class="item" id="dayProgress">
-                            <div class="date-text" style="margin-top: 0rem;">今日已经度过了&nbsp;<span></span>&nbsp;小时</div>
-                            <div class="progress">
-                                <div class="progress-bar"></div>
-                            </div>
-                        </div>
-                        <div class="item" id="weekProgress">
-                            <div class="date-text">本周已经度过了&nbsp;<span></span>&nbsp;天</div>
-                            <div class="progress">
-                                <div class="progress-bar"></div>
-                            </div>
-                        </div>
-                        <div class="item" id="monthProgress">
-                            <div class="date-text">本月已经度过了&nbsp;<span></span>&nbsp;天</div>
-                            <div class="progress">
-                                <div class="progress-bar"></div>
-                            </div>
-                        </div>
-                        <div class="item" id="yearProgress">
-                            <div class="date-text">今年已经度过了&nbsp;<span></span>&nbsp;个月</div>
-                            <div class="progress">
-                                <div class="progress-bar"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="line">
-                        <i class="iconfont icon-right-copy"></i>
-                        <span class="line-text">杂七杂八</span>
-                        <i class="iconfont icon-right"></i>
-                    </div>
-                    <!--网站链接-->
-                    <div class="row">
-                        <div class="col">
-                            <a href="https://status.imsyy.top/" target="_blank">
-                                <div class="link-card cards">
-                                    <span class="link-name">站点监测</span>
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col 2">
-                            <a href="https://player.imsyy.top/" target="_blank">
-                                <div class="link-card cards">
-                                    <span class="link-name">播放器</span>
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col">
-                            <a href="https://write.imsyy.top/" target="_blank">
-                                <div class="link-card cards">
-                                    <span class="link-name">编辑器</span>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                    <div class="row" style="margin-top: 1.5rem;">
-                        <div class="col">
-                            <a href="https://photo.imsyy.top/" target="_blank">
-                                <div class="link-card cards">
-                                    <span class="link-name">时光相册</span>
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col 2">
-                            <a href="https://share.imsyy.top/" target="_blank">
-                                <div class="link-card cards">
-                                    <span class="link-name">文件库</span>
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col">
-                            <a id="openmore">
-                                <div class="link-card cards">
-                                    <span class="link-name">更多</span>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-                <!--更多页面-->
-                <div class="box" id="box" style="display: none">
-                    <div class="box-wrapper">
-                        <!--关闭按钮-->
-                        <div class="closebox fixed-top" id="closemore">
-                            <i class="iconfont icon-close"></i>
-                        </div>
-                        <!--左侧内容-->
-                        <div class="box-left">
-                            <div class="img-title">
-                                <span class="img-title">imsyy</span>
-                                <span class="img-text">.top</span><br />
-                                <span class="img-text">&nbsp;&nbsp;v&nbsp;2.2</span>
-                                <a href="https://github.com/imsyy/home" target="_blank"><i
-                                        class="iconfont icon-github1"></i></a>
-                            </div>
-                            <!--更多内容-->
-                            <div class="accordion" id="accordion">
-                                <div class="accordion-item">
-                                    <h2 class="accordion-header" id="headingOne">
-                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
-                                            data-bs-target="#collapseOne" aria-expanded="true"
-                                            aria-controls="collapseOne">
-                                            壁纸设置
-                                        </button>
-                                    </h2>
-                                    <div id="collapseOne" class="accordion-collapse collapse show"
-                                        aria-labelledby="headingOne" data-bs-parent="#accordion">
-                                        <div class="accordion-body">
-                                            <div class="set">
-                                                <div class="wallpaper" id="wallpaper">
-                                                    <div class="form-radio">
-                                                        <input type="radio" class="set-wallpaper" style="display: none;"
-                                                            id="radio1" value="1" name="wallpaper-type">
-                                                        <label for="radio1">默认壁纸</label>
-                                                    </div>
-                                                    <div class="form-radio">
-                                                        <input type="radio" class="set-wallpaper" style="display: none;"
-                                                            id="radio2" value="2" name="wallpaper-type">
-                                                        <label for="radio2">每日一图</label>
-                                                    </div>
-                                                    <div class="form-radio">
-                                                        <input type="radio" class="set-wallpaper" style="display: none;"
-                                                            id="radio3" value="3" name="wallpaper-type">
-                                                        <label for="radio3">随机风景</label>
-                                                    </div>
-                                                    <div class="form-radio">
-                                                        <input type="radio" class="set-wallpaper" style="display: none;"
-                                                            id="radio4" value="4" name="wallpaper-type">
-                                                        <label for="radio4">随机动漫</label>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <!--更新日志-->
-                                <div class="accordion-item">
-                                    <h2 class="accordion-header" id="headingTwo">
-                                        <button class="accordion-button collapsed" type="button"
-                                            data-bs-toggle="collapse" data-bs-target="#collapseTwo"
-                                            aria-expanded="false" aria-controls="collapseTwo">
-                                            更新日志
-                                        </button>
-                                    </h2>
-                                    <div id="collapseTwo" class="accordion-collapse collapse"
-                                        aria-labelledby="headingTwo" data-bs-parent="#accordion">
-                                        <div class="accordion-body">
-                                            <div class="upnote">
-                                                <span class="uptext"><i
-                                                        class="iconfont icon-plus"></i>&nbsp;壁纸个性化设置</span>
-                                                <span class="uptext"><i
-                                                        class="iconfont icon-plus"></i>&nbsp;音乐播放器支持音量控制</span>
-                                                <span class="uptext"><i class="iconfont icon-wrench-fill"></i>&nbsp;修复
-                                                    CDN 加载缓慢</span>
-                                                <span class="uptext"><i
-                                                        class="iconfont icon-wrench-fill"></i>&nbsp;时光胶囊显示错误</span>
-                                                <span class="uptext"><i
-                                                        class="iconfont icon-wrench-fill"></i>&nbsp;移动端动画及细节</span>
-                                                <span class="uptext"><i
-                                                        class="iconfont icon-wrench-fill"></i>&nbsp;优化部分动画及细节</span>
-                                                <span class="uptext"><i class="iconfont icon-undo"></i>&nbsp;<a
-                                                        href="./old/" style="color:#efefef">点击此处返回旧版站点</a></span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!--Aplayer-->
-                        <div class="box-right">
-                            <div id="aplayer"></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </main>
-        <!-- 版权信息 -->
-        <footer id="footer" class="fixed-bottom footer">
-            <div class="power">Copyright&nbsp;&copy;&nbsp;2020
-                <script>
-                    document.write(' - ' + (new Date()).getFullYear())
-                </script>&nbsp;<a href="https://imsyy.top">無名</a>&nbsp;&amp;&nbsp;
-                <!-- 以下信息请不要修改哦 -->
-                Made&nbsp;by&nbsp;<a href="https://github.com/imsyy/home" target="_blank">imsyy</a>
-            </div>
-            <!-- 歌词显示 -->
-            <div id="lrc"></div>
-        </footer>
-    </section>
     <!-- noscript -->
     <noscript>
-        <div class="noscript fixed-top">请开启 JavaScript</div>
+      <div style="text-align: center">请开启 JavaScript</div>
     </noscript>
-    <!-- JS -->
+    <script type="module" src="/src/main.js"></script>
-    <script type="text/javascript" src="./js/main.min.js"></script>
+  </body>
-    <script type="text/javascript" src="./js/time.min.js"></script>
-    <script type="text/javascript" src="./js/js.cookie.min.js"></script>
-    <script type="text/javascript" src="./js/set.min.js"></script>
-    <script type="text/javascript" src="./js/cursor.min.js"></script>
-    <script type="text/javascript"
-        src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/bootstrap/5.1.0/js/bootstrap.min.js">
-    </script>
-</body>
-
 </html>

js/cursor.js

@@ -1,96 +0,0 @@
-var CURSOR;
-
-Math.lerp = (a, b, n) => (1 - n) * a + n * b;
-
-const getStyle = (el, attr) => {
-    try {
-        return window.getComputedStyle ?
-            window.getComputedStyle(el)[attr] :
-            el.currentStyle[attr];
-    } catch (e) {}
-    return "";
-};
-
-class Cursor {
-    constructor() {
-        this.pos = {
-            curr: null,
-            prev: null
-        };
-        this.pt = [];
-        this.create();
-        this.init();
-        this.render();
-    }
-
-    move(left, top) {
-        this.cursor.style["left"] = `${left}px`;
-        this.cursor.style["top"] = `${top}px`;
-    }
-
-    create() {
-        if (!this.cursor) {
-            this.cursor = document.createElement("div");
-            this.cursor.id = "cursor";
-            this.cursor.classList.add("hidden");
-            document.body.append(this.cursor);
-        }
-
-        var el = document.getElementsByTagName('*');
-        for (let i = 0; i < el.length; i++)
-            if (getStyle(el[i], "cursor") == "pointer")
-                this.pt.push(el[i].outerHTML);
-
-        document.body.appendChild((this.scr = document.createElement("style")));
-        this.scr.innerHTML =
-            `* {cursor: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8px' height='8px'><circle cx='4' cy='4' r='4' opacity='.5'/></svg>") 4 4, auto}`;
-    }
-
-    refresh() {
-        this.scr.remove();
-        this.cursor.classList.remove("hover");
-        this.cursor.classList.remove("active");
-        this.pos = {
-            curr: null,
-            prev: null
-        };
-        this.pt = [];
-
-        this.create();
-        this.init();
-        this.render();
-    }
-
-    init() {
-        document.onmouseover = e => this.pt.includes(e.target.outerHTML) && this.cursor.classList.add("hover");
-        document.onmouseout = e => this.pt.includes(e.target.outerHTML) && this.cursor.classList.remove("hover");
-        document.onmousemove = e => {
-            (this.pos.curr == null) && this.move(e.clientX - 8, e.clientY - 8);
-            this.pos.curr = {
-                x: e.clientX - 8,
-                y: e.clientY - 8
-            };
-            this.cursor.classList.remove("hidden");
-        };
-        document.onmouseenter = e => this.cursor.classList.remove("hidden");
-        document.onmouseleave = e => this.cursor.classList.add("hidden");
-        document.onmousedown = e => this.cursor.classList.add("active");
-        document.onmouseup = e => this.cursor.classList.remove("active");
-    }
-
-    render() {
-        if (this.pos.prev) {
-            this.pos.prev.x = Math.lerp(this.pos.prev.x, this.pos.curr.x, 0.45);
-            this.pos.prev.y = Math.lerp(this.pos.prev.y, this.pos.curr.y, 0.45);
-            this.move(this.pos.prev.x, this.pos.prev.y);
-        } else {
-            this.pos.prev = this.pos.curr;
-        }
-        requestAnimationFrame(() => this.render());
-    }
-}
-
-(() => {
-    CURSOR = new Cursor();
-    // 需要重新获取列表时，使用 CURSOR.refresh()
-})();

js/cursor.min.js

@@ -1 +0,0 @@
-var CURSOR;Math.lerp=((s,t,e)=>(1-e)*s+e*t);const getStyle=(s,t)=>{try{return window.getComputedStyle?window.getComputedStyle(s)[t]:s.currentStyle[t]}catch(s){}return""};class Cursor{constructor(){this.pos={curr:null,prev:null},this.pt=[],this.create(),this.init(),this.render()}move(s,t){this.cursor.style.left=`${s}px`,this.cursor.style.top=`${t}px`}create(){this.cursor||(this.cursor=document.createElement("div"),this.cursor.id="cursor",this.cursor.classList.add("hidden"),document.body.append(this.cursor));var s=document.getElementsByTagName("*");for(let t=0;t<s.length;t++)"pointer"==getStyle(s[t],"cursor")&&this.pt.push(s[t].outerHTML);document.body.appendChild(this.scr=document.createElement("style")),this.scr.innerHTML="* {cursor: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8px' height='8px'><circle cx='4' cy='4' r='4' opacity='.5'/></svg>\") 4 4, auto}"}refresh(){this.scr.remove(),this.cursor.classList.remove("hover"),this.cursor.classList.remove("active"),this.pos={curr:null,prev:null},this.pt=[],this.create(),this.init(),this.render()}init(){document.onmouseover=(s=>this.pt.includes(s.target.outerHTML)&&this.cursor.classList.add("hover")),document.onmouseout=(s=>this.pt.includes(s.target.outerHTML)&&this.cursor.classList.remove("hover")),document.onmousemove=(s=>{null==this.pos.curr&&this.move(s.clientX-8,s.clientY-8),this.pos.curr={x:s.clientX-8,y:s.clientY-8},this.cursor.classList.remove("hidden")}),document.onmouseenter=(s=>this.cursor.classList.remove("hidden")),document.onmouseleave=(s=>this.cursor.classList.add("hidden")),document.onmousedown=(s=>this.cursor.classList.add("active")),document.onmouseup=(s=>this.cursor.classList.remove("active"))}render(){this.pos.prev?(this.pos.prev.x=Math.lerp(this.pos.prev.x,this.pos.curr.x,.45),this.pos.prev.y=Math.lerp(this.pos.prev.y,this.pos.curr.y,.45),this.move(this.pos.prev.x,this.pos.prev.y)):this.pos.prev=this.pos.curr,requestAnimationFrame(()=>this.render())}}CURSOR=new Cursor;

js/js.cookie.js

@@ -1,164 +0,0 @@
-/*!
- * JavaScript Cookie v2.2.1
- * https://github.com/js-cookie/js-cookie
- *
- * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
- * Released under the MIT license
- */
-;
-(function (factory) {
-	var registeredInModuleLoader;
-	if (typeof define === 'function' && define.amd) {
-		define(factory);
-		registeredInModuleLoader = true;
-	}
-	if (typeof exports === 'object') {
-		module.exports = factory();
-		registeredInModuleLoader = true;
-	}
-	if (!registeredInModuleLoader) {
-		var OldCookies = window.Cookies;
-		var api = window.Cookies = factory();
-		api.noConflict = function () {
-			window.Cookies = OldCookies;
-			return api;
-		};
-	}
-}(function () {
-	function extend() {
-		var i = 0;
-		var result = {};
-		for (; i < arguments.length; i++) {
-			var attributes = arguments[i];
-			for (var key in attributes) {
-				result[key] = attributes[key];
-			}
-		}
-		return result;
-	}
-
-	function decode(s) {
-		return s.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);
-	}
-
-	function init(converter) {
-		function api() {}
-
-		function set(key, value, attributes) {
-			if (typeof document === 'undefined') {
-				return;
-			}
-
-			attributes = extend({
-				path: '/'
-			}, api.defaults, attributes);
-
-			if (typeof attributes.expires === 'number') {
-				attributes.expires = new Date(new Date() * 1 + attributes.expires * 864e+5);
-			}
-
-			// We're using "expires" because "max-age" is not supported by IE
-			attributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';
-
-			try {
-				var result = JSON.stringify(value);
-				if (/^[\{\[]/.test(result)) {
-					value = result;
-				}
-			} catch (e) {}
-
-			value = converter.write ?
-				converter.write(value, key) :
-				encodeURIComponent(String(value))
-				.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
-
-			key = encodeURIComponent(String(key))
-				.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent)
-				.replace(/[\(\)]/g, escape);
-
-			var stringifiedAttributes = '';
-			for (var attributeName in attributes) {
-				if (!attributes[attributeName]) {
-					continue;
-				}
-				stringifiedAttributes += '; ' + attributeName;
-				if (attributes[attributeName] === true) {
-					continue;
-				}
-
-				// Considers RFC 6265 section 5.2:
-				// ...
-				// 3.  If the remaining unparsed-attributes contains a %x3B (";")
-				//     character:
-				// Consume the characters of the unparsed-attributes up to,
-				// not including, the first %x3B (";") character.
-				// ...
-				stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];
-			}
-
-			return (document.cookie = key + '=' + value + stringifiedAttributes);
-		}
-
-		function get(key, json) {
-			if (typeof document === 'undefined') {
-				return;
-			}
-
-			var jar = {};
-			// To prevent the for loop in the first place assign an empty array
-			// in case there are no cookies at all.
-			var cookies = document.cookie ? document.cookie.split('; ') : [];
-			var i = 0;
-
-			for (; i < cookies.length; i++) {
-				var parts = cookies[i].split('=');
-				var cookie = parts.slice(1).join('=');
-
-				if (!json && cookie.charAt(0) === '"') {
-					cookie = cookie.slice(1, -1);
-				}
-
-				try {
-					var name = decode(parts[0]);
-					cookie = (converter.read || converter)(cookie, name) ||
-						decode(cookie);
-
-					if (json) {
-						try {
-							cookie = JSON.parse(cookie);
-						} catch (e) {}
-					}
-
-					jar[name] = cookie;
-
-					if (key === name) {
-						break;
-					}
-				} catch (e) {}
-			}
-
-			return key ? jar[key] : jar;
-		}
-
-		api.set = set;
-		api.get = function (key) {
-			return get(key, false /* read as raw */ );
-		};
-		api.getJSON = function (key) {
-			return get(key, true /* read as json */ );
-		};
-		api.remove = function (key, attributes) {
-			set(key, '', extend(attributes, {
-				expires: -1
-			}));
-		};
-
-		api.defaults = {};
-
-		api.withConverter = init;
-
-		return api;
-	}
-
-	return init(function () {});
-}));

js/js.cookie.min.js

@@ -1 +0,0 @@
-(function(e){var n;if("function"==typeof define&&define.amd&&(define(e),n=!0),"object"==typeof exports&&(module.exports=e(),n=!0),!n){var t=window.Cookies,o=window.Cookies=e();o.noConflict=function(){return window.Cookies=t,o}}})(function(){function e(){for(var e=0,n={};e<arguments.length;e++){var t=arguments[e];for(var o in t)n[o]=t[o]}return n}function n(e){return e.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)}function t(o){function r(){}function i(n,t,i){if("undefined"!=typeof document){i=e({path:"/"},r.defaults,i),"number"==typeof i.expires&&(i.expires=new Date(1*new Date+864e5*i.expires)),i.expires=i.expires?i.expires.toUTCString():"";try{var c=JSON.stringify(t);/^[\{\[]/.test(c)&&(t=c)}catch(e){}t=o.write?o.write(t,n):encodeURIComponent(String(t)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),n=encodeURIComponent(String(n)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[\(\)]/g,escape);var f="";for(var u in i)i[u]&&(f+="; "+u,!0!==i[u]&&(f+="="+i[u].split(";")[0]));return document.cookie=n+"="+t+f}}function c(e,t){if("undefined"!=typeof document){for(var r={},i=document.cookie?document.cookie.split("; "):[],c=0;c<i.length;c++){var f=i[c].split("="),u=f.slice(1).join("=");t||'"'!==u.charAt(0)||(u=u.slice(1,-1));try{var a=n(f[0]);if(u=(o.read||o)(u,a)||n(u),t)try{u=JSON.parse(u)}catch(e){}if(r[a]=u,e===a)break}catch(e){}}return e?r[e]:r}}return r.set=i,r.get=function(e){return c(e,!1)},r.getJSON=function(e){return c(e,!0)},r.remove=function(n,t){i(n,"",e(t,{expires:-1}))},r.defaults={},r.withConverter=t,r}return t(function(){})});

js/lantern.js

@@ -1,21 +0,0 @@
-/*!
- * china-lantern v1.6.0
- * (c) 2020-2021 fz6m
- * Released under the MIT License.
- */
-! function (t) {
-    "function" == typeof define && define.amd ? define(t) : t()
-}((function () {
-    "use strict";
-    ! function (t, e) {
-        void 0 === e && (e = {});
-        var n = e.insertAt;
-        if (t && "undefined" != typeof document) {
-            var r = document.head || document.getElementsByTagName("head")[0],
-                a = document.createElement("style");
-            a.type = "text/css", "top" === n && r.firstChild ? r.insertBefore(a, r.firstChild) : r.appendChild(a), a.styleSheet ? a.styleSheet.cssText = t : a.appendChild(document.createTextNode(t))
-        }
-    };
-    var t;
-    (t = document.createElement("div")).className = "j-china-lantern", t.innerHTML = '<div class="lantern__warpper"><div class="lantern__box"><div class="lantern__line"></div><div class="lantern__circle"><div class="lantern__ellipse"><div class="lantern__text">新</div></div></div><div class="lantern__tail"><div class="lantern__rect"></div><div class="lantern__junction"></div></div></div></div><div class="lantern__warpper lantern__secondary"><div class="lantern__box"><div class="lantern__line"></div><div class="lantern__circle"><div class="lantern__ellipse"><div class="lantern__text">年</div></div></div><div class="lantern__tail"><div class="lantern__rect"></div><div class="lantern__junction"></div></div></div></div>', document.body.appendChild(t)
-}));

js/lantern.min.js

@@ -1 +0,0 @@
-!function(n){"function"==typeof define&&define.amd?define(n):n()}(function(){"use strict";var n;(n=document.createElement("div")).className="j-china-lantern",n.innerHTML='<div class="lantern__warpper"><div class="lantern__box"><div class="lantern__line"></div><div class="lantern__circle"><div class="lantern__ellipse"><div class="lantern__text">新</div></div></div><div class="lantern__tail"><div class="lantern__rect"></div><div class="lantern__junction"></div></div></div></div><div class="lantern__warpper lantern__secondary"><div class="lantern__box"><div class="lantern__line"></div><div class="lantern__circle"><div class="lantern__ellipse"><div class="lantern__text">年</div></div></div><div class="lantern__tail"><div class="lantern__rect"></div><div class="lantern__junction"></div></div></div></div>',document.body.appendChild(n)});

js/main.js

@@ -1,343 +0,0 @@
-//弹窗样式
-iziToast.settings({
-    timeout: 10000,
-    progressBar: false,
-    close: false,
-    closeOnEscape: true,
-    position: 'topCenter',
-    transitionIn: 'bounceInDown',
-    transitionOut: 'flipOutX',
-    displayMode: 'replace',
-    layout: '1',
-    backgroundColor: '#00000040',
-    titleColor: '#efefef',
-    messageColor: '#efefef',
-    iconColor: '#efefef',
-});
-
-//加载完成后执行
-window.addEventListener('load', function () {
-
-    //载入动画
-    $('#loading-box').attr('class', 'loaded');
-    $('#bg').css("cssText", "transform: scale(1);filter: blur(0px);transition: ease 1.5s;");
-    $('.cover').css("cssText", "opacity: 1;transition: ease 1.5s;");
-    $('#section').css("cssText", "transform: scale(1) !important;opacity: 1 !important;filter: blur(0px) !important");
-
-    //用户欢迎
-    setTimeout(function () {
-        iziToast.show({
-            timeout: 2500,
-            title: hello,
-            message: '欢迎来到我的主页'
-        });
-    }, 800);
-}, false)
-
-setTimeout(function () {
-    $('#loading-text').html("字体及文件加载可能需要一定时间")
-}, 3000);
-
-//延迟加载音乐播放器
-function downloadJSAtOnload() {
-    var element = document.createElement("script");
-    element.src = "./js/music.min.js";
-    document.body.appendChild(element);
-}
-if (window.addEventListener)
-    window.addEventListener("load", downloadJSAtOnload, false);
-else if (window.attachEvent)
-    window.attachEvent("onload", downloadJSAtOnload);
-else window.onload = downloadJSAtOnload;
-
-//新春灯笼 （ 需要时取消注释 ）
-/*
-new_element=document.createElement("link");
-new_element.setAttribute("rel","stylesheet");
-new_element.setAttribute("type","text/css");
-new_element.setAttribute("href","./css/lantern.min.css");
-document.body.appendChild(new_element);
-
-new_element=document.createElement("script");
-new_element.setAttribute("type","text/javascript");
-new_element.setAttribute("src","./js/lantern.min.js");
-document.body.appendChild(new_element);
-*/
-
-//火狐浏览器独立样式
-if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {
-    var head = document.getElementsByTagName('head')[0];
-    var link = document.createElement('link');
-    link.href = './css/firefox.css';
-    link.rel = 'stylesheet';
-    link.type = 'text/css';
-    head.appendChild(link);
-    window.addEventListener('load', function () {
-        setTimeout(function () {
-            iziToast.show({
-                timeout: 8000,
-                message: '您正在使用火狐浏览器，部分功能可能不支持'
-            });
-        }, 3800);
-    }, false)
-}
-
-//获取一言
-fetch('https://v1.hitokoto.cn?max_length=24')
-    .then(response => response.json())
-    .then(data => {
-        $('#hitokoto_text').html(data.hitokoto)
-        $('#from_text').html(data.from)
-    })
-    .catch(console.error)
-
-//获取天气
-//每日限量 100 次
-//请前往 https://www.tianqiapi.com/ 申请（免费）
-fetch('https://www.yiketianqi.com/free/day?appid=43986679&appsecret=TksqGZT7&unescape=1')
-    .then(response => response.json())
-    .then(data => {
-        $('#wea_text').html(data.wea)
-        $('#city_text').html(data.city)
-        $('#tem_night').html(data.tem_night)
-        $('#tem_day').html(data.tem_day)
-        // $('#win_text').html(data.win)
-        // $('#win_speed').html(data.win_speed)
-    })
-    .catch(console.error)
-
-//获取时间
-var t = null;
-t = setTimeout(time, 1000);
-
-function time() {
-    clearTimeout(t);
-    dt = new Date();
-    var y = dt.getYear() + 1900;
-    var mm = dt.getMonth() + 1;
-    var d = dt.getDate();
-    var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
-    var day = dt.getDay();
-    var h = dt.getHours();
-    var m = dt.getMinutes();
-    var s = dt.getSeconds();
-    if (h < 10) {
-        h = "0" + h;
-    }
-    if (m < 10) {
-        m = "0" + m;
-    }
-    if (s < 10) {
-        s = "0" + s;
-    }
-    //document.getElementById("time").innerHTML = y + "&nbsp;年&nbsp;" + mm + "&nbsp;月&nbsp;" + d + "&nbsp;日&nbsp;" + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>";
-    $("#time").html(y + "&nbsp;年&nbsp;" + mm + "&nbsp;月&nbsp;" + d + "&nbsp;日&nbsp;" + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>");
-    t = setTimeout(time, 1000);
-}
-
-//链接提示文字
-$("#social").mouseover(function () {
-    $("#social").css({
-        "background": "rgb(0 0 0 / 25%)",
-        'border-radius': '6px',
-        "backdrop-filter": "blur(5px)"
-    });
-    $("#link-text").css({
-        "display": "block",
-    });
-}).mouseout(function () {
-    $("#social").css({
-        "background": "none",
-        "border-radius": "6px",
-        "backdrop-filter": "none"
-    });
-    $("#link-text").css({
-        "display": "none"
-    });
-});
-
-$("#github").mouseover(function () {
-    $("#link-text").html("去 Github 看看");
-}).mouseout(function () {
-    $("#link-text").html("通过这里联系我");
-});
-$("#qq").mouseover(function () {
-    $("#link-text").html("有什么事吗");
-}).mouseout(function () {
-    $("#link-text").html("通过这里联系我");
-});
-$("#email").mouseover(function () {
-    $("#link-text").html("来封 Email");
-}).mouseout(function () {
-    $("#link-text").html("通过这里联系我");
-});
-$("#telegram").mouseover(function () {
-    $("#link-text").html("你懂的 ~");
-}).mouseout(function () {
-    $("#link-text").html("通过这里联系我");
-});
-$("#twitter").mouseover(function () {
-    $("#link-text").html("你懂的 ~");
-}).mouseout(function () {
-    $("#link-text").html("通过这里联系我");
-});
-
-//更多页面切换
-var shoemore = false;
-$('#switchmore').on('click', function () {
-    shoemore = !shoemore;
-    if (shoemore && $(document).width() >= 990) {
-        $('#container').attr('class', 'container mores');
-        $("#change").html("Oops&nbsp;!");
-        $("#change1").html("哎呀，这都被你发现了（ 再点击一次可关闭 ）");
-    } else {
-        $('#container').attr('class', 'container');
-        $("#change").html("Hello&nbsp;World&nbsp;!");
-        $("#change1").html("一个建立于 21 世纪的小站，存活于互联网的边缘");
-    }
-});
-
-//更多页面关闭按钮
-$('#close').on('click', function () {
-    $('#switchmore').click();
-});
-
-//移动端菜单栏切换
-var switchmenu = false;
-$('#switchmenu').on('click', function () {
-    switchmenu = !switchmenu;
-    if (switchmenu) {
-        $('#row').attr('class', 'row menus');
-        $("#menu").html("<i class='iconfont icon-times'></i>");
-    } else {
-        $('#row').attr('class', 'row');
-        $("#menu").html("<i class='iconfont icon-bars'>");
-    }
-});
-
-//更多弹窗页面
-$('#openmore').on('click', function () {
-    $('#box').css("display", "block");
-    $('#row').css("display", "none");
-    $('#more').css("cssText", "display:none !important");
-});
-$('#closemore').on('click', function () {
-    $('#box').css("display", "none");
-    $('#row').css("display", "flex");
-    $('#more').css("display", "flex");
-});
-
-//监听网页宽度
-window.addEventListener('load', function () {
-    window.addEventListener('resize', function () {
-        //关闭移动端样式
-        if (window.innerWidth >= 600) {
-            $('#row').attr('class', 'row');
-            $("#menu").html("<i class='iconfont icon-bars'>");
-            //移除移动端切换功能区
-            $('#rightone').attr('class', 'row rightone');
-        }
-
-        if (window.innerWidth <= 990) {
-            //移动端隐藏更多页面
-            $('#container').attr('class', 'container');
-            $("#change").html("Hello&nbsp;World&nbsp;!");
-            $("#change1").html("一个建立于 21 世纪的小站，存活于互联网的边缘");
-
-            //移动端隐藏弹窗页面
-            $('#box').css("display", "none");
-            $('#row').css("display", "flex");
-            $('#more').css("display", "flex");
-        }
-    })
-})
-
-//移动端切换功能区
-var changemore = false;
-$('#changemore').on('click', function () {
-    changemore = !changemore;
-    if (changemore) {
-        $('#rightone').attr('class', 'row menus mobile');
-    } else {
-        $('#rightone').attr('class', 'row menus');
-    }
-});
-
-//更多页面显示关闭按钮
-$("#more").hover(function () {
-    $('#close').css("display", "block");
-}, function () {
-    $('#close').css("display", "none");
-})
-
-//屏蔽右键
-document.oncontextmenu = function () {
-    iziToast.show({
-        timeout: 2000,
-        iconUrl: './img/icon/warn.png',
-        message: '为了浏览体验，本站禁用右键'
-    });
-    return false;
-}
-
-//自动变灰
-var myDate = new Date;
-var mon = myDate.getMonth() + 1;
-var date = myDate.getDate();
-var days = ['4.4', '5.12', '7.7', '9.9', '9.18', '12.13'];
-for (var day of days) {
-    var d = day.split('.');
-    if (mon == d[0] && date == d[1]) {
-        document.write(
-            '<style>html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}</style>'
-        )
-        $("#change").html("Silence&nbsp;in&nbsp;silence");
-        $("#change1").html("今天是中国国家纪念日，全站已切换为黑白模式");
-        window.addEventListener('load', function () {
-            iziToast.show({
-                timeout: 14000,
-                iconUrl: './img/icon/candle.png',
-                message: '今天是中国国家纪念日'
-            });
-        }, false);
-    }
-}
-
-//控制台输出
-var styleTitle1 = `
-font-size: 20px;
-font-weight: 600;
-color: rgb(244,167,89);
-`
-var styleTitle2 = `
-font-size:12px;
-color: rgb(244,167,89);
-`
-var styleContent = `
-color: rgb(30,152,255);
-`
-var title1 = '無名の主页'
-var title2 = `
- _____ __  __  _______     ____     __
-|_   _|  \\/  |/ ____\\ \\   / /\\ \\   / /
-  | | | \\  / | (___  \\ \\_/ /  \\ \\_/ / 
-  | | | |\\/| |\\___ \\  \\   /    \\   /  
- _| |_| |  | |____) |  | |      | |   
-|_____|_|  |_|_____/   |_|      |_|                                                     
-`
-var content = `
-版 本 号：2.2
-更新日期：2022-04-12
-
-更新说明：
-1. 新增 壁纸个性化设置
-2. 新增 音乐播放器支持音量控制
-3. 优化 部分动画及细节
-4. 优化 页面加载缓慢
-5. 优化 音乐延迟加载
-
-主页:  https://www.imsyy.top
-Github:  https://github.com/imsyy/home
-`
-console.log(`%c${title1} %c${title2}
-%c${content}`, styleTitle1, styleTitle2, styleContent)

js/music.js

@@ -1,506 +0,0 @@
-const ap = new APlayer({
-    container: document.getElementById('aplayer'),
-    order: 'random',
-    preload: 'auto',
-    listMaxHeight: '336px',
-    volume: '0.5',
-    mutex: true,
-    lrcType: 3,
-    /* 下方更改为你自己的歌单就行 */
-    audio: [{
-            name: "夜曲",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%A4%9C%E6%9B%B2.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M0000024bjiL2aocxT_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%A4%9C%E6%9B%B2.lrc",
-            theme: "#171513"
-        },
-        {
-            name: "断了的弦",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%96%AD%E4%BA%86%E7%9A%84%E5%BC%A6.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000001BGzMs369FzU_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%96%AD%E4%BA%86%E7%9A%84%E5%BC%A6.lrc",
-            theme: "#0057a7"
-        },
-        {
-            name: "发如雪",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%8F%91%E5%A6%82%E9%9B%AA.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M0000024bjiL2aocxT_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%8F%91%E5%A6%82%E9%9B%AA.lrc",
-            theme: "#171513"
-        },
-        {
-            name: "稻香",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%A8%BB%E9%A6%99.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%A8%BB%E9%A6%99.lrc",
-            theme: "#e3ae55"
-        },
-        {
-            name: "七里香",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%B8%83%E9%87%8C%E9%A6%99.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000003DFRzD192KKD_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%B8%83%E9%87%8C%E9%A6%99.lrc",
-            theme: "#395732"
-        },
-        {
-            name: "晴天",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%99%B4%E5%A4%A9.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000000MkMni19ClKG_3.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%99%B4%E5%A4%A9.lrc",
-            theme: "#08362e"
-        },
-        {
-            name: "以父之名",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%BB%A5%E7%88%B6%E4%B9%8B%E5%90%8D.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000000MkMni19ClKG_3.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%BB%A5%E7%88%B6%E4%B9%8B%E5%90%8D.lrc",
-            theme: "#08362e"
-        },
-        {
-            name: "本草纲目",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%9C%AC%E8%8D%89%E7%BA%B2%E7%9B%AE.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002jLGWe16Tf1H_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%9C%AC%E8%8D%89%E7%BA%B2%E7%9B%AE.lrc",
-            theme: "#171513"
-        },
-        {
-            name: "一路向北",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%B8%80%E8%B7%AF%E5%90%91%E5%8C%97.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000002MAeob3zLXwZ_2.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%B8%80%E8%B7%AF%E5%90%91%E5%8C%97.lrc",
-            theme: "#383a37"
-        },
-        {
-            name: "半岛铁盒",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%8D%8A%E5%B2%9B%E9%93%81%E7%9B%92.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000004MGitN0zEHpb_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%8D%8A%E5%B2%9B%E9%93%81%E7%9B%92.lrc",
-            theme: "#f0a059"
-        },
-        {
-            name: "简单爱",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%AE%80%E5%8D%95%E7%88%B1.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000000I5jJB3blWeN_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%AE%80%E5%8D%95%E7%88%B1.lrc",
-            theme: "#c21c0f"
-        },
-        {
-            name: "青花瓷",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E9%9D%92%E8%8A%B1%E7%93%B7.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002eFUFm2XYZ7z_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E9%9D%92%E8%8A%B1%E7%93%B7.lrc",
-            theme: "#000000"
-        },
-        {
-            name: "烟花易冷",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%83%9F%E8%8A%B1%E6%98%93%E5%86%B7.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000000bviBl4FjTpO_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%83%9F%E8%8A%B1%E6%98%93%E5%86%B7.lrc",
-            theme: "#86b5bb"
-        },
-        {
-            name: "霍元甲",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E9%9C%8D%E5%85%83%E7%94%B2.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000000OixvE1YjIqd_3.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E9%9C%8D%E5%85%83%E7%94%B2.lrc",
-            theme: "#295249"
-        },
-        {
-            name: "兰亭序",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%85%B0%E4%BA%AD%E5%BA%8F.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%85%B0%E4%BA%AD%E5%BA%8F.lrc",
-            theme: "#e3ae55"
-        },
-        {
-            name: "枫",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%9E%AB.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M0000024bjiL2aocxT_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%9E%AB.lrc",
-            theme: "#171513"
-        },
-        {
-            name: "断了的弦",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%96%AD%E4%BA%86%E7%9A%84%E5%BC%A6.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000001BGzMs369FzU_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%96%AD%E4%BA%86%E7%9A%84%E5%BC%A6.lrc",
-            theme: "#0057a7"
-        },
-        {
-            name: "天涯过客",
-            artist: "周杰伦",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%A4%A9%E6%B6%AF%E8%BF%87%E5%AE%A2.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000001uqejs3d6EID_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%A4%A9%E6%B6%AF%E8%BF%87%E5%AE%A2.lrc",
-            theme: "#b88e16"
-        },
-        {
-            name: "千里之外",
-            artist: "周杰伦 / 费玉清",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6%26%E8%B4%B9%E7%8E%89%E6%B8%85-%E5%8D%83%E9%87%8C%E4%B9%8B%E5%A4%96.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002jLGWe16Tf1H_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6%26%E8%B4%B9%E7%8E%89%E6%B8%85-%E5%8D%83%E9%87%8C%E4%B9%8B%E5%A4%96.lrc",
-            theme: "#171513"
-        },
-        {
-            name: "珊瑚海",
-            artist: "周杰伦 / 梁心颐",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E5%91%A8%E6%9D%B0%E4%BC%A6%26%E6%A2%81%E5%BF%83%E9%A2%90-%E7%8F%8A%E7%91%9A%E6%B5%B7.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M0000024bjiL2aocxT_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6%26%E6%A2%81%E5%BF%83%E9%A2%90-%E7%8F%8A%E7%91%9A%E6%B5%B7.lrc",
-            theme: "#181714"
-        },
-        {
-            name: "单车",
-            artist: "陈奕迅",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E9%99%88%E5%A5%95%E8%BF%85-%E5%8D%95%E8%BD%A6.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000004S8YQr3UmEbG_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E9%99%88%E5%A5%95%E8%BF%85-%E5%8D%95%E8%BD%A6.lrc",
-            theme: "#32201f"
-        },
-        {
-            name: "孤勇者",
-            artist: "陈奕迅",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/%E9%99%88%E5%A5%95%E8%BF%85-%E5%AD%A4%E5%8B%87%E8%80%85.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000001uaPM93kxk1R_3.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E9%99%88%E5%A5%95%E8%BF%85-%E5%AD%A4%E5%8B%87%E8%80%85.lrc",
-            theme: "#131915"
-        },
-        {
-            name: "浮夸",
-            artist: "陈奕迅",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E9%99%88%E5%A5%95%E8%BF%85-%E6%B5%AE%E5%A4%B8.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000003J6fvc0bVJon_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E9%99%88%E5%A5%95%E8%BF%85-%E6%B5%AE%E5%A4%B8.lrc",
-            theme: "#040402"
-        },
-        {
-            name: "十年",
-            artist: "陈奕迅",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E9%99%88%E5%A5%95%E8%BF%85-%E5%8D%81%E5%B9%B4.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000003J6fvc0bVJon_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E9%99%88%E5%A5%95%E8%BF%85-%E5%8D%81%E5%B9%B4.lrc",
-            theme: "#040402"
-        },
-        {
-            name: "一丝不挂",
-            artist: "陈奕迅",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E9%99%88%E5%A5%95%E8%BF%85-%E4%B8%80%E4%B8%9D%E4%B8%8D%E6%8C%82.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000001sjRhH0wqa4Q_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E9%99%88%E5%A5%95%E8%BF%85-%E4%B8%80%E4%B8%9D%E4%B8%8D%E6%8C%82.lrc",
-            theme: "#0d0d0d"
-        },
-        {
-            name: "麻雀",
-            artist: "李荣浩",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E9%BA%BB%E9%9B%80.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000003P3ByD1n8nBK_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E9%BA%BB%E9%9B%80.lrc",
-            theme: "#849fbd"
-        },
-        {
-            name: "老街",
-            artist: "李荣浩",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E8%80%81%E8%A1%97.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000001LP8hk0a6pOp_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E8%80%81%E8%A1%97.lrc",
-            theme: "#e0d7bb"
-        },
-        {
-            name: "年少有为",
-            artist: "李荣浩",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E5%B9%B4%E5%B0%91%E6%9C%89%E4%B8%BA.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000000RLvtE1eDyOs_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E5%B9%B4%E5%B0%91%E6%9C%89%E4%B8%BA.lrc",
-            theme: "#d2ddd5"
-        },
-        {
-            name: "爸爸妈妈",
-            artist: "李荣浩",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E7%88%B8%E7%88%B8%E5%A6%88%E5%A6%88.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000001fi1zG0EjU2u_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E7%88%B8%E7%88%B8%E5%A6%88%E5%A6%88.lrc",
-            theme: "#aec3ce"
-        },
-        {
-            name: "干杯",
-            artist: "五月天",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%B9%B2%E6%9D%AF.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000001fbipy4azgKM_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%B9%B2%E6%9D%AF.lrc",
-            theme: "#0f1e32"
-        },
-        {
-            name: "倔强",
-            artist: "五月天",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%80%94%E5%BC%BA.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M0000006MmDz4Hl2Ud_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%80%94%E5%BC%BA.lrc",
-            theme: "#b3dae1"
-        },
-        {
-            name: "知足",
-            artist: "五月天",
-            url: "https://drive.imsyy.top/api/raw/?path=/音乐/文件引用/五月天-知足.mp3",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M0000020I7sO0ayXhN_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E7%9F%A5%E8%B6%B3.lrc",
-            theme: "#0a0708"
-        },
-        {
-            name: "如烟",
-            artist: "五月天",
-            url: "https://drive.imsyy.top/api/raw/?path=/音乐/文件引用/五月天-如烟.mp3",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M0000020I7sO0ayXhN_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%A6%82%E7%83%9F.lrc",
-            theme: "#0a0708"
-        },
-        {
-            name: "叹服",
-            artist: "许嵩",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/%E8%AE%B8%E5%B5%A9-%E5%8F%B9%E6%9C%8D.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000002CJON012PxwU_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E8%AE%B8%E5%B5%A9-%E5%8F%B9%E6%9C%8D.lrc",
-            theme: "#def3fc"
-        },
-        {
-            name: "幻听",
-            artist: "许嵩",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/%E8%AE%B8%E5%B5%A9-%E5%B9%BB%E5%90%AC.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000004RbL3b0BDIe2_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E8%AE%B8%E5%B5%A9-%E5%B9%BB%E5%90%AC.lrc",
-            theme: "#bf1c21"
-        },
-        {
-            name: "庐州月",
-            artist: "许嵩",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/%E8%AE%B8%E5%B5%A9-%E5%BA%90%E5%B7%9E%E6%9C%88.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000002CJON012PxwU_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E8%AE%B8%E5%B5%A9-%E5%BA%90%E5%B7%9E%E6%9C%88.lrc",
-            theme: "#def3fc"
-        },
-        {
-            name: "断桥残雪",
-            artist: "许嵩",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/%E8%AE%B8%E5%B5%A9-%E6%96%AD%E6%A1%A5%E6%AE%8B%E9%9B%AA.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000001jmC6x1RMfh0_2.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E8%AE%B8%E5%B5%A9-%E6%96%AD%E6%A1%A5%E6%AE%8B%E9%9B%AA.lrc",
-            theme: "#1a1b14"
-        },
-        {
-            name: "有何不可",
-            artist: "许嵩",
-            url: "https://drive.imsyy.top/api/raw/?path=/音乐/华语音乐/许嵩/许嵩%20-%20有何不可%20-%20独白版.mp3",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000002KSDg90IaScI_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E8%AE%B8%E5%B5%A9%20-%20%E6%9C%89%E4%BD%95%E4%B8%8D%E5%8F%AF%20-%20%E7%8B%AC%E7%99%BD%E7%89%88.lrc",
-            theme: "#edbe76"
-        },
-        {
-            name: "温泉",
-            artist: "许嵩 / 刘美麟",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/%E8%AE%B8%E5%B5%A9%26%E5%88%98%E7%BE%8E%E9%BA%9F-%E6%B8%A9%E6%B3%89.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000000vKMVO0srdMF_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E8%AE%B8%E5%B5%A9%26%E5%88%98%E7%BE%8E%E9%BA%9F-%E6%B8%A9%E6%B3%89.lrc",
-            theme: "#e3b58b"
-        },
-        {
-            name: "素颜",
-            artist: "许嵩 / 何曼婷",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/%E8%AE%B8%E5%B5%A9%26%E4%BD%95%E6%9B%BC%E5%A9%B7-%E7%B4%A0%E9%A2%9C.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M0000035f8nw11cjkf_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E8%AE%B8%E5%B5%A9%26%E4%BD%95%E6%9B%BC%E5%A9%B7-%E7%B4%A0%E9%A2%9C.lrc",
-            theme: "#622931"
-        },
-        {
-            name: "打上花火",
-            artist: "米津玄师 / daoko",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/%E7%B1%B3%E6%B4%A5%E7%8E%84%E5%B8%88%26daoko-%E6%89%93%E4%B8%8A%E8%8A%B1%E7%81%AB.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000002rLPlR0CXaWS_3.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E7%B1%B3%E6%B4%A5%E7%8E%84%E5%B8%88%26daoko-%E6%89%93%E4%B8%8A%E8%8A%B1%E7%81%AB.lrc",
-            theme: "#ed1306"
-        },
-        {
-            name: "Lemon",
-            artist: "米津玄师",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/%E7%B1%B3%E6%B4%A5%E7%8E%84%E5%B8%88-Lemon.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000000nPoD43Dybcc_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E7%B1%B3%E6%B4%A5%E7%8E%84%E5%B8%88-Lemon.lrc",
-            theme: "#20778f"
-        },
-        {
-            name: "LOSER",
-            artist: "米津玄师",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/%E7%B1%B3%E6%B4%A5%E7%8E%84%E5%B8%88-LOSER.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000002kl9Hs4WaKFO_3.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E7%B1%B3%E6%B4%A5%E7%8E%84%E5%B8%88-LOSER.lrc",
-            theme: "#13141d"
-        },
-        {
-            name: "Numb",
-            artist: "Linkin Park",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2FLinkin%20Park-Numb.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000000C4MQU17Phga_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FLinkin%20Park-Numb.lrc",
-            theme: "#0d0d0d"
-        },
-        {
-            name: "In The End",
-            artist: "Linkin Park",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2FLinkin%20Park-In%20The%20End.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000004ImTxE1OkGqR_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FLinkin%20Park-In%20The%20End.lrc",
-            theme: "#270408"
-        },
-        {
-            name: "My Love",
-            artist: "Westlife",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/Westlife-My%20Love.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000000vux3D1vZI0u_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FWestlife-My%20Love.lrc",
-            theme: "#e88ba6"
-        },
-        {
-            name: "Victory",
-            artist: "Two Steps From Hell / Thomas Bergersen",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/Two%20Steps%20From%20Hell%26Thomas%20Bergersen-Victory.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000002hKKCC1LSc8y_2.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FTwo%20Steps%20From%20Hell%26Thomas%20Bergersen-Victory.lrc",
-            theme: "#0a0c1b"
-        },
-        {
-            name: "Star Sky",
-            artist: "Two Steps From Hell / Thomas Bergersen",
-            url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/Two%20Steps%20From%20Hell%26Thomas%20Bergersen-Star%20Sky.mp3&raw=true",
-            cover: "https://y.qq.com/music/photo_new/T002R300x300M000002hKKCC1LSc8y_2.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FTwo%20Steps%20From%20Hell%26Thomas%20Bergersen-Star%20Sky.lrc",
-            theme: "#0a0c1b"
-        },
-        {
-            name: "Fireflies",
-            artist: "Owl City",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2FOwl%20City-Fireflies.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002FEF7L03Cv7T_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FOwl%20City-Fireflies.lrc",
-            theme: "#33658d"
-        },
-        {
-            name: "The Saltwater Room",
-            artist: "Owl City",
-            url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2FOwl%20City-The%20Saltwater%20Room.mp3&raw=true",
-            cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002FEF7L03Cv7T_1.jpg?max_age=2592000",
-            lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FOwl%20City-The%20Saltwater%20Room.lrc",
-            theme: "#33658d"
-        }
-    ]
-});
-
-/* 底栏歌词 */
-setInterval(function () {
-    $("#lrc").html("<span class='lrc-show'><i class='iconfont icon-music'></i> " + $(".aplayer-lrc-current").text() + " <i class='iconfont icon-music'></i></span>");
-}, 500);
-
-/* 音乐通知及控制 */
-ap.on('play', function () {
-    music = $(".aplayer-title").text() + $(".aplayer-author").text();
-    iziToast.info({
-        timeout: 8000,
-        iconUrl: './img/icon/music.png',
-        displayMode: 'replace',
-        message: music
-    });
-    $("#play").html("<i class='iconfont icon-pause'>");
-    $("#music-name").html($(".aplayer-title").text() + $(".aplayer-author").text());
-    if ($(document).width() >= 990) {
-        $('.power').css("cssText", "display:none");
-        $('#lrc').css("cssText", "display:block !important");
-    }
-});
-
-ap.on('pause', function () {
-    $("#play").html("<i class='iconfont icon-play'>");
-    if ($(document).width() >= 990) {
-        $('#lrc').css("cssText", "display:none !important");
-        $('.power').css("cssText", "display:block");
-    }
-});
-
-//音量调节
-function changevolume() {
-    var x = $("#volume").val();
-    ap.volume(x, true);
-    if (x == 0) {
-        $("#volume-ico").html("<i class='iconfont icon-volume-x'></i>");
-    } else if (x > 0 && x <= 0.3) {
-        $("#volume-ico").html("<i class='iconfont icon-volume'></i>");
-    } else if (x > 0.3 && x <= 0.6) {
-        $("#volume-ico").html("<i class='iconfont icon-volume-1'></i>");
-    } else {
-        $("#volume-ico").html("<i class='iconfont icon-volume-2'></i>");
-    }
-}
-
-$("#music").hover(function () {
-    $('.music-text').css("display", "none");
-    $('.music-volume').css("display", "flex");
-}, function () {
-    $('.music-text').css("display", "block");
-    $('.music-volume').css("display", "none");
-})
-
-/* 一言与音乐切换 */
-$('#open-music').on('click', function () {
-    $('#hitokoto').css("display", "none");
-    $('#music').css("display", "flex");
-});
-
-$("#hitokoto").hover(function () {
-    $('#open-music').css("display", "flex");
-}, function () {
-    $('#open-music').css("display", "none");
-})
-
-$('#music-close').on('click', function () {
-    $('#music').css("display", "none");
-    $('#hitokoto').css("display", "flex");
-});
-
-/* 上下曲 */
-$('#play').on('click', function () {
-    ap.toggle();
-    $("#music-name").html($(".aplayer-title").text() + $(".aplayer-author").text());
-});
-
-$('#last').on('click', function () {
-    ap.skipBack();
-    $("#music-name").html($(".aplayer-title").text() + $(".aplayer-author").text());
-});
-
-$('#next').on('click', function () {
-    ap.skipForward();
-    $("#music-name").html($(".aplayer-title").text() + $(".aplayer-author").text());
-});
-
-/* 打开音乐列表 */
-$('#music-open').on('click', function () {
-    if ($(document).width() >= 990) {
-        $('#box').css("display", "block");
-        $('#row').css("display", "none");
-        $('#more').css("cssText", "display:none !important");
-    }
-});

js/set.js

@@ -1,115 +0,0 @@
-// 背景图片 Cookies 
-function setBgImg(bg_img) {
-    if (bg_img) {
-        Cookies.set('bg_img', bg_img, {
-            expires: 36500
-        });
-        return true;
-    }
-    return false;
-}
-
-// 获取背景图片 Cookies
-function getBgImg() {
-    var bg_img_local = Cookies.get('bg_img');
-    if (bg_img_local && bg_img_local !== "{}") {
-        return JSON.parse(bg_img_local);
-    } else {
-        setBgImg(bg_img_preinstall);
-        return bg_img_preinstall;
-    }
-}
-
-var bg_img_preinstall = {
-    "type": "1", // 1:默认背景 2:每日一图 3:随机风景 4:随机动漫
-    "path": "", //自定义图片
-};
-
-
-// 更改背景图片
-function setBgImgInit() {
-    var bg_img = getBgImg();
-    $("input[name='wallpaper-type'][value=" + bg_img["type"] + "]").click();
-
-    switch (bg_img["type"]) {
-        case "1":
-            var pictures = new Array();
-            pictures[0] = './img/background1.webp';
-            pictures[1] = './img/background2.webp';
-            pictures[2] = './img/background3.webp';
-            pictures[3] = './img/background4.webp';
-            pictures[4] = './img/background5.webp';
-            pictures[5] = './img/background6.webp';
-            pictures[6] = './img/background7.webp';
-            pictures[7] = './img/background8.webp';
-            pictures[8] = './img/background9.webp';
-            pictures[9] = './img/background10.webp';
-            var rd = Math.floor(Math.random() * 10);
-            $('#bg').attr('src', pictures[rd]) //随机默认壁纸
-            break;
-        case "2":
-            $('#bg').attr('src', 'https://api.dujin.org/bing/1920.php'); //必应每日
-            break;
-        case "3":
-            $('#bg').attr('src', 'https://api.ixiaowai.cn/gqapi/gqapi.php'); //随机风景
-            break;
-        case "4":
-            $('#bg').attr('src', 'https://api.ixiaowai.cn/api/api.php'); //随机动漫
-            break;
-    }
-}
-
-$(document).ready(function () {
-    // 壁纸数据加载
-    setBgImgInit();
-    // 设置背景图片
-    $("#wallpaper").on("click", ".set-wallpaper", function () {
-        var type = $(this).val();
-        var bg_img = getBgImg();
-        bg_img["type"] = type;
-
-        if (type === "1") {
-            setBgImg(bg_img);
-            var pictures = new Array();
-            pictures[0] = './img/background1.webp';
-            pictures[1] = './img/background2.webp';
-            pictures[2] = './img/background3.webp';
-            pictures[3] = './img/background4.webp';
-            pictures[4] = './img/background5.webp';
-            pictures[5] = './img/background6.webp';
-            pictures[6] = './img/background7.webp';
-            pictures[7] = './img/background8.webp';
-            pictures[8] = './img/background9.webp';
-            pictures[9] = './img/background10.webp';
-            var rd = Math.floor(Math.random() * 10);
-            $('#bg').attr('src', pictures[rd]) //随机默认壁纸
-            iziToast.show({
-                message: '壁纸设置成功',
-            });
-        }
-
-        if (type === "2") {
-            setBgImg(bg_img);
-            $('#bg').attr('src', 'https://api.dujin.org/bing/1920.php'); //必应每日
-            iziToast.show({
-                message: '壁纸设置成功',
-            });
-        }
-
-        if (type === "3") {
-            setBgImg(bg_img);
-            $('#bg').attr('src', 'https://api.ixiaowai.cn/gqapi/gqapi.php'); //随机风景
-            iziToast.show({
-                message: '壁纸设置成功',
-            });
-        }
-
-        if (type === "4") {
-            setBgImg(bg_img);
-            $('#bg').attr('src', 'https://api.ixiaowai.cn/api/api.php'); //随机动漫
-            iziToast.show({
-                message: '壁纸设置成功',
-            });
-        }
-    });
-});

js/set.min.js

@@ -1 +0,0 @@
-function setBgImg(a){return!!a&&(Cookies.set("bg_img",a,{expires:36500}),!0)}function getBgImg(){var a=Cookies.get("bg_img");return a&&"{}"!==a?JSON.parse(a):(setBgImg(bg_img_preinstall),bg_img_preinstall)}function setBgImgInit(){var a=getBgImg();switch($("input[name='wallpaper-type'][value="+a.type+"]").click(),a.type){case"1":var g=new Array;g[0]="./img/background1.webp",g[1]="./img/background2.webp",g[2]="./img/background3.webp",g[3]="./img/background4.webp",g[4]="./img/background5.webp",g[5]="./img/background6.webp",g[6]="./img/background7.webp",g[7]="./img/background8.webp",g[8]="./img/background9.webp",g[9]="./img/background10.webp";var i=Math.floor(10*Math.random());$("#bg").attr("src",g[i]);break;case"2":$("#bg").attr("src","https://api.dujin.org/bing/1920.php");break;case"3":$("#bg").attr("src","https://api.ixiaowai.cn/gqapi/gqapi.php");break;case"4":$("#bg").attr("src","https://api.ixiaowai.cn/api/api.php")}}var bg_img_preinstall={type:"1",path:""};$(document).ready(function(){setBgImgInit(),$("#wallpaper").on("click",".set-wallpaper",function(){var a=$(this).val(),g=getBgImg();if(g.type=a,"1"===a){setBgImg(g);var i=new Array;i[0]="./img/background1.webp",i[1]="./img/background2.webp",i[2]="./img/background3.webp",i[3]="./img/background4.webp",i[4]="./img/background5.webp",i[5]="./img/background6.webp",i[6]="./img/background7.webp",i[7]="./img/background8.webp",i[8]="./img/background9.webp",i[9]="./img/background10.webp";var e=Math.floor(10*Math.random());$("#bg").attr("src",i[e]),iziToast.show({message:"壁纸设置成功"})}"2"===a&&(setBgImg(g),$("#bg").attr("src","https://api.dujin.org/bing/1920.php"),iziToast.show({message:"壁纸设置成功"})),"3"===a&&(setBgImg(g),$("#bg").attr("src","https://api.ixiaowai.cn/gqapi/gqapi.php"),iziToast.show({message:"壁纸设置成功"})),"4"===a&&(setBgImg(g),$("#bg").attr("src","https://api.ixiaowai.cn/api/api.php"),iziToast.show({message:"壁纸设置成功"}))})});

js/time.js

@@ -1,68 +0,0 @@
-function init_life_time() {
-    function getAsideLifeTime() {
-        /* 当前时间戳 */
-        let nowDate = +new Date();
-        /* 今天开始时间戳 */
-        let todayStartDate = new Date(new Date().toLocaleDateString()).getTime();
-        /* 今天已经过去的时间 */
-        let todayPassHours = (nowDate - todayStartDate) / 1000 / 60 / 60;
-        /* 今天已经过去的时间比 */
-        let todayPassHoursPercent = (todayPassHours / 24) * 100;
-        $('#dayProgress .date-text span').html(parseInt(todayPassHours));
-        $('#dayProgress .progress .progress-bar').css('width', parseInt(todayPassHoursPercent) + '%');
-        $('#dayProgress .progress .progress-bar').html(parseInt(todayPassHoursPercent) + '%');
-        /* 当前周几 */
-        let weeks = {
-            0: 7,
-            1: 1,
-            2: 2,
-            3: 3,
-            4: 4,
-            5: 5,
-            6: 6
-        };
-        let weekDay = weeks[new Date().getDay()];
-        let weekDayPassPercent = (weekDay / 7) * 100;
-        $('#weekProgress .date-text span').html(weekDay);
-        $('#weekProgress .progress .progress-bar').css('width', parseInt(weekDayPassPercent) + '%');
-        $('#weekProgress .progress .progress-bar').html(parseInt(weekDayPassPercent) + '%');
-        /* 月 */
-        let year = new Date().getFullYear();
-        let date = new Date().getDate();
-        let month = new Date().getMonth() + 1;
-        let monthAll = new Date(year, month, 0).getDate();
-        let monthPassPercent = (date / monthAll) * 100;
-        $('#monthProgress .date-text span').html(date);
-        $('#monthProgress .progress .progress-bar').css('width', parseInt(monthPassPercent) + '%');
-        $('#monthProgress .progress .progress-bar').html(parseInt(monthPassPercent) + '%');
-        /* 年 */
-        let yearPass = (month / 12) * 100;
-        $('#yearProgress .date-text span').html(month);
-        $('#yearProgress .progress .progress-bar').css('width', parseInt(yearPass) + '%');
-        $('#yearProgress .progress .progress-bar').html(parseInt(yearPass) + '%');
-    }
-    getAsideLifeTime();
-    setInterval(() => {
-        getAsideLifeTime();
-    }, 1000);
-}
-init_life_time()
-
-now = new Date(), hour = now.getHours()
-if (hour < 6) {
-    var hello = "凌晨好";
-} else if (hour < 9) {
-    var hello = "早上好";
-} else if (hour < 12) {
-    var hello = "上午好";
-} else if (hour < 14) {
-    var hello = "中午好";
-} else if (hour < 17) {
-    var hello = "下午好";
-} else if (hour < 19) {
-    var hello = "傍晚好";
-} else if (hour < 22) {
-    var hello = "晚上好";
-} else {
-    var hello = "夜深了";
-}

js/time.min.js

@@ -1 +0,0 @@
-function init_life_time(){function e(){let e=+new Date,r=new Date((new Date).toLocaleDateString()).getTime(),s=(e-r)/1e3/60/60,t=s/24*100;$("#dayProgress .date-text span").html(parseInt(s)),$("#dayProgress .progress .progress-bar").css("width",parseInt(t)+"%"),$("#dayProgress .progress .progress-bar").html(parseInt(t)+"%");let o={0:7,1:1,2:2,3:3,4:4,5:5,6:6},a=o[(new Date).getDay()],l=a/7*100;$("#weekProgress .date-text span").html(a),$("#weekProgress .progress .progress-bar").css("width",parseInt(l)+"%"),$("#weekProgress .progress .progress-bar").html(parseInt(l)+"%");let g=(new Date).getFullYear(),n=(new Date).getDate(),h=(new Date).getMonth()+1,p=new Date(g,h,0).getDate(),i=n/p*100;$("#monthProgress .date-text span").html(n),$("#monthProgress .progress .progress-bar").css("width",parseInt(i)+"%"),$("#monthProgress .progress .progress-bar").html(parseInt(i)+"%");let w=h/12*100;$("#yearProgress .date-text span").html(h),$("#yearProgress .progress .progress-bar").css("width",parseInt(w)+"%"),$("#yearProgress .progress .progress-bar").html(parseInt(w)+"%")}e(),setInterval(()=>{e()},1e3)}if(init_life_time(),now=new Date,hour=now.getHours(),hour<6)var hello="凌晨好";else if(hour<9)hello="早上好";else if(hour<12)hello="上午好";else if(hour<14)hello="中午好";else if(hour<17)hello="下午好";else if(hour<19)hello="傍晚好";else if(hour<22)hello="晚上好";else hello="夜深了";

old/css/font.css

@@ -1,7 +0,0 @@
-@font-face {
-    font-family:'EngraversOldEnglishBT-Bold';
-    src: url('//cdn.webfont.youziku.com/webfonts/nomal/123918/33195/5d21f88af629d8080c5960eb.gif?r=110901002758');
-    src: url('//cdn.webfont.youziku.com/webfonts/nomal/123918/33195/5d21f88af629d8080c5960eb.gif?r=110901002758?#iefix') format('embedded-opentype'), url('//cdn.webfont.youziku.com/webfonts/nomal/123918/33195/5d21f88af629d8080c5960eb.png?r=110901002758') format('woff2'), url('//cdn.webfont.youziku.com/webfonts/nomal/123918/33195/5d21f88af629d8080c5960eb.bmp?r=110901002758') format('woff');
-    font-weight: normal;
-    font-style: normal;
-}

old/css/iconfont.css

@@ -1,80 +0,0 @@
-@font-face {font-family: "iconfont";
-  src: url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.eot?t=1597068283360'); /* IE9 */
-  src: url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.eot?t=1597068283360#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAygAAsAAAAAFQgAAAxSAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFCgqaDJRUATYCJANECyQABCAFhG0HgUEbYRFRlFBWMtkX2DbsyRi24w5jw9hhxnUCAlAAAADABxRQQMEpHr7f739rH7nfTJMgXvFuFiLTIUHqj+ShUpJn/lr77RfzHZp+USCZJq2cvRVO2dvDMrRMSoQIoTE8bfPf3WHdTUElRIxqdENlsrI50M1eRLCA/W/B1tBmLMtYpK6PY9Ftmg/89wABgM3/fz9X/0OsiUV9mIZCjV+n92OubQlLhEZdSKpveNsa0UITa0TrkVR2SCjgNkZ16IWeTqDTrC2hq6fXdyip0BWBea85VVEyUaNURIf28qbAYRkPfQBm2tM7eBDw3nv8+Cci2klqpp/p5tMTA+3/9LKVdEiqIH8C2XBNYLWRsQ0prPipsPIjKEOOjehcSvEWMKpI/szmZ9Zh2YaRM5/0+Pqy9RA/PWuwk65eGNW1ZhAgHXr0K+jUq02xrhUaWZfuw/jliQal7CZDf4z2Qz9ZeXTwM/Lo4WfiqiGjSh+gQZVOQBuq9ALaoZCFDlQpgGUoDAWbqFIBe1AA3IDCFPAJVboAX1GlG/Afcqj904Lw3JQDjoNFyBZUBhGq95AuvvGU8TW0FBXy5IjZYtFZRkpZneqxeFItFkelaFm7K2a7RzO95JVWibZb6+VCrDvZ7Gkz1lWP+NLJKik9USlnioT25YerZaypGsXMSR3SHkXg1Mmdij5ZwJQuucSm5Zi0x5vaHj9Mbx4vW0E/NQeg61H0cSB9bx533yVKurJR0QmkLaic6AgKgoO3d/rHz+Ye7XMNRVzqArpIVK4P1GggWRcqb6Ers4QieVtOb29Xy2yVvz9uJOjbolrKyoYjgd2+mrclSq1Ux+gZoTFAMjWzq6VUyNrayjrqoddPkktQsUbmTqELUVGX16QeSBk4ShBC2GjEMd1hxVGOteMD3/ZuDmYyiRGSLLCR9zqON/T5Ult72PnaY15TcKGoVGz7Qqiiaw95yduYHV5tRxzVTIMvpmCoOhntOzm67d7t3SyNxvRAxRBrjNmYajujx8RqHnHAp82gAsi6XPQudZBMrCbFB43pJrERbzdhW9BtBGypU02Q1q/Dr8ULV+jBAdBKGYQQlYvUUAsp0pMJyjYJSYrmy9AfaRqLi0ymsrYuWTemadVJtS3iqGO8wruRXDiCNwrfOshkEik6pR1oyxFHw9GSloYt7d4KpmmqSnHOt07vs6ylg7Fc3UafdIxMmKJucSCAsLYHs1X0uUpMRhx07mZ3GoWosiuEELYeZqsYWkK4jwxAO4gYknTUsAxHfUnRtg4mSpoCDXsDJyNbSsFwMWZWgAojUAQrQcViDFKfhDXUYOKwUHWLV8cuh12EA3EVhqqdxdJc9sRwI0DpHQ2AjhEE3aGGECqL/YopWAdNkXsjcZam2QUS+dW7YlDdDuZCIFWiqFwNQfoTPmomTBAigtwT/+GKeESmwTCFCgDpbu/zRsmyllpvPF+331eMtx7lFBt6hZOUdKH0nmtTa1gLNSq65MaTkm5TjaZckozAdm6Kan/0JVIsEJCP8YMDgTX9UYoB35orEilBLIeQqWZBhjqf9rMDgd2u9ZBsT4ChybHtyqZ4nZHz1cyTJvDSNrA7djnXONf6d54/7d3hpLzhXT5tjvpZTkfldKVKxbgxXQzd4f0bm8oCUrqSSeoxYpkpSmE0LjltdG8g+GdIj2aT+NSXmMQkubxO77I85hvtonf49V/A0ijlOVTvGLEnYv7+xBuN4apW7LRJYBKfIdPOmmKPmrgaZ9w52IjXuUgIgtdPAMKIn1YIemoykR685TPkZDAMshaqtHQlgQpFuM4mrbnzqNR7vncH3/q87e/r73crL94VSajUdz7g/IxFC0SJg4mTRyQljZjsN4oWLCI1gNhrdxMaUmNSG+hjkTGRjpxYWZf3h5clNXhawahnjCcKW3k6cphmlwYPTxGTvZEegLZw/gDX9yMmMMMKGawM539eUbujQPdHUIuUuvE/wl0fPi7mJ3PYPhfbB1fbsP5hltX8e5NTktPB2FEVePYHs/S/m8LCwVlQBaXOipw/LwgY11el8aKHNwjAZ/19XnzYxYI5y/jO7pl3PB+I7O6EpYQNUEe+mJzEyj5q5wpicozd48bp2ZFs3dq1UrPTXuHmmbCky8rsHgWVlECCTiitpJh35GhhE0w1V/i6yLIHGUxBvieIoLRo3Ob1jl4B8C40tWHdpkhHf3GQx6bDddRMwtdCTcgYGLuklCh19Wba3ZrlH2TVB2AmjYIMS4CWP9jkcf2LrZQ2GrIv583rYIHwe34pyCqI39z1uYzeMS0Mev5l8Edz3cyqB383yOOn8tP5NiWc9E3jPZLH2RYgQjjXLnFqVJIDH5uUx+fPMPPXL6X8mz5lS++dGy8+fz0N8LjhVHeQbpcFaNnp9mBh3ibziLRzfrmvZmIgg/eCUk7sViO1yKXdSDlS4XxqLZwCP1qS7DorJSx3zfM1tErvKrtr1d8436ofwLEA1h7CSHar+trdDh9Bfl2nNIIJE9S58YHl+vRxtukII/xiKKy6fnrcSof3oe8dNmfGxWdw5sJvgtyD3sDUDT+df60HL0O0TO2x2pXyklg32M2vN6G/gWo4P4HHKwbp+Snn9QCMqQavwKA73X0QALfcorngYCt8wIyZZi2P1wfkmpXo8lzG8iKlmlOVHE6+90igHOfcR++zA6syGRR6czhLn2jm8SJdxubpSswCMuP1G6zTfMwsDxxpBdzjG0c6ZS3LUm/EY/l4XBzj/sm0AS0iRmap6FYB2l2/I2i8AyupoMn/wdNRNl7CzeMRP7ztBc39ZPzVZKgU8DwabcOemLH70GQ6f8bBT9wcfpxHLN2fbdW/O8v35mCm4UCB3b1uWLJu7TbPA1awNw0MXbjloGWg1THLYVTGpf0aqXlKcW4KnAqRdFBpngoabcGLjOX/KUv3r5f9EwoB93FQgmz2DKdlb0eK2eU61xWrPuxe/XFm/e8k2aY9e9ZMtqQpKRYw/65v4SSQpNwxFcTvKUKso7Mow2ZY1McmR6RbtAenjAb5ghV5qSx8KpT9QwL2B7f7pgmE51ZuRdldtstmTK3a/qGKcHXnrZFxQSIkHRVQnrtgbnYK44R6iZWE9Yt6bUd67NiGI8Eeq6Zudxr4f/zh+oI5C+aU/1ilm9k86LR92ioIu9A4Jm5c/SON52mCxgwavm8L5/xnzGpBctyUyPDvY+cWTE6oZNA+HheiS9QnUhhzc3IWBJaDNK7zfO5kZXAyd77zEpN26VAzd7LzfOC51YknEJhRrCy8rDQBnSGL9juhmTMhW5bJyLOYpBkzoUwafxz1sauvRYRVoavSPtOns6BvzoZhY8qniXiuVO6zTzZLOt2nV4Uu4M2yXem27LfnkjHcTBvZfLB1PrKA8fY77Qnc5TVHlhfr9HpoQ/bCyiXDa1xAPOBMDMyzXphkL+CsmQudlJzc4DRwbWAuc4XMfgEqoJhuOORPn5rPWHXewg91u8S7JOtH3W3DCyF+LYSkNEMtEP+M2wbeBrB6SDq9B0mGM73YXnhtbA98V9sv5H8AhhqyRyYRPWtcQ2prRW7C3wEY6rMNKUHKNTuQkEl/AQQMUdovREFiABh65TMyFinXHUeSR7bQIgXJtqdI5J+UIaB+7CwopiZ+tcR+uPpvixf9pphhmtf0ZPo+YAng9yWAv6QqyuMK6o9Ukei1thRpk4VCxOBI1eNiDnuHhpIi/t4dsZWMK86hJO80dvGn1DHob9qKkRdyU2hP8CxO2szgrN0yKqHbuOpyjBvtLuBOW86cdxkiRETpwKYvAod+3zjp9R1n/X5QCf3F1ah/3OiPjDvdj4qHXVbjRfpIgCrBwNo75rrrELNepv35N0ADSxVxiZf8AMLn/XgyHKfHz8ABMYQV/4VOpSSYCNfGp8TZwLJc7An3CXQ5ZFJ6e6MRKbI61F0bpV0hAJV0shswzXtpTudykKOldObhbwAqYFGJim3l0g+A4OPqYxND4wboTOk02nYpS30vqClJNhHYWiu4bNgp2QQsY8SFecX6ngCdNMQ6DHn2jEhVpKlyOL1o33ul27ejTjgQKXKUqNFEW7RHR3RGV7yYvIve6Iv+0EBoECUfONSC7cCLezRdJGpxX6Y0zlr1k2Rwc+KUSxZoiVfgb9yZxJ7YKrfCz8+xD8ZZELMDn+vJO7CACtVOyFcuJYgkC1RNdXZ2Eo8czXKpnwke9Upik8PUe0QIAA==') format('woff2'),
-  url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.woff?t=1597068283360') format('woff'),
-  url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.ttf?t=1597068283360') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.svg?t=1597068283360#iconfont') format('svg'); /* iOS 4.1- */
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-angle-up:before {
-  content: "\e9b3";
-}
-
-.icon-ngleup:before {
-  content: "\e624";
-}
-
-.icon-list:before {
-  content: "\e647";
-}
-
-.icon-bilibili1:before {
-  content: "\e609";
-}
-
-.icon-bilibili:before {
-  content: "\e62a";
-}
-
-.icon-github:before {
-  content: "\e62f";
-}
-
-.icon-weixin1:before {
-  content: "\e608";
-}
-
-.icon-email:before {
-  content: "\e6f5";
-}
-
-.icon-qq:before {
-  content: "\e600";
-}
-
-.icon-zhihu:before {
-  content: "\e606";
-}
-
-.icon-music:before {
-  content: "\e6ba";
-}
-
-.icon-Telegram:before {
-  content: "\e6bd";
-}
-
-.icon-twitter:before {
-  content: "\e601";
-}
-
-.icon-huaban88:before {
-  content: "\e607";
-}
-
-.icon-cnblogs:before {
-  content: "\e603";
-}
-
-.icon-u___fm__gp_:before {
-  content: "\e602";
-}

old/index.html

@@ -1,201 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-    <!-- 基础信息 -->
-    <meta charset="utf-8">
-    <meta name="renderer" content="webkit" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-    <meta name="force-rendering" content="webkit" />
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="無名の主页">
-    <meta name="keywords" content="無名,个人主页">
-    <meta name="author" content="無名">
-    <title>無名の主页</title>
-    <link rel="stylesheet" type="text/css" href="./css/style.css">
-    <link rel="stylesheet" type="text/css" href="./css/iconfont.css">
-    <link rel="apple-touch-icon" href="./images/apple-touch-icon.png">
-    <link rel="icon" href="./favicon.ico">
-    <!--引入SweetAlert
-    <script src="https://cdn.jsdelivr.net/npm/sweetalert@2.1.2/dist/sweetalert.min.js"></script>-->
-    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.15.5/dist/sweetalert2.all.min.js"></script>
-    <!--引入izitoast-->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/izitoast@1.4.0/dist/css/iziToast.min.css">
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/izitoast@1.4.0/dist/js/iziToast.min.js"></script>
-    <!--引入fontawesome-->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/volantis-x/cdn-fontawesome-pro@master/css/all.min.css"
-        media="all">
-    <!--百度站长平台-->
-    <script>
-        var _hmt = _hmt || [];
-        (function () {
-            var hm = document.createElement("script");
-            hm.src = "https://hm.baidu.com/hm.js?14e9f35ff8bc67fd4bcb5f07a6e6655a";
-            var s = document.getElementsByTagName("script")[0];
-            s.parentNode.insertBefore(hm, s);
-        })();
-    </script>
-    <!--IE淘汰计划-->
-    <script>if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href = "https://imsyy.top/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location.href);</script>
-</head>
-
-<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
-    <!--<span class="mobile btn-mobile-menu">
-        <i class="social iconfont icon-list btn-mobile-menu__icon"></i>
-        <i class="social iconfont icon-ngleup btn-mobile-close__icon hidden"></i>
-    </span>-->
-    <header id="panel" class="panel-cover">
-        <div class="panel-main">
-            <div class="panel-main__inner panel-inverted">
-                <div class="panel-main__content">
-                    <div class="ih-item circle effect right_to_left">
-                        <a class="blog-button">
-                            <div class="img"><img src="./images/logo.png" alt="img" class="js-avatar iUp profilepic">
-                            </div>
-                            <div class="info iUp">
-                                <div class="info-back">
-                                    <h2>Fighting</h2>
-                                    <p>2021 · 努力中</p>
-                                </div>
-                            </div>
-                        </a>
-                    </div>
-                    <h1 class="panel-cover__title panel-title iUp">
-                        <br />hello
-                    </h1>
-                    <p class="panel-cover__subtitle panel-subtitle iUp">Welcome to my website</p>
-                    <hr class="panel-cover__divider iUp" />
-                    <!--一言无法显示时的文字-->
-                    <p id="description" class="panel-cover__description iUp">每一个人都应该明确自己的方向和位置
-                        <br />
-                        <strong>-「無名」</strong>
-                    </p>
-                    <div class="navigation-wrapper iUp">
-                        <div>
-                            <nav class="cover-navigation cover-navigation--primary">
-                                <ul class="navigation">
-                                    <li class="navigation__item">
-                                        <a href="https://blog.imsyy.top/" target="_blank" class="blog-button">
-                                            <div>博客</div>
-                                        </a>
-                                    </li>
-                                    <li class="navigation__item">
-                                        <!--<a onclick="update()" class="blog-button">-->
-                                        <a href="https://share.imsyy.top" target="_blank" class="blog-button">
-                                            <div>网盘</div>
-                                        </a>
-                                    </li>
-                                    <li class="navigation__item">
-                                        <a href="https://web.imsyy.top/" target="_blank" class="blog-button">
-                                            <div>导航</div>
-                                        </a>
-                                    </li>
-                                    <li class="navigation__item">
-                                        <a href="https://music.imsyy.top/" target="_blank" class="blog-button">
-                                            <div>音乐</div>
-                                        </a>
-                                    </li>
-                                    <li class="navigation__item">
-                                        <a href="https://imsyy.top/" class="blog-button">
-                                            <div>前往新版</div>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </nav>
-                        </div>
-                        <div class="iUp">
-                            <nav class="cover-navigation navigation--social">
-                                <ul class="navigation">
-
-                                    <li class="navigation__item">
-                                        <a href="https://github.com/imsyy" title="Github" target="_blank">
-                                            <i class="fas fa-code-branch"></i>
-                                            <span class="label">Github</span>
-                                        </a>
-                                    </li>
-                                    <li class="navigation__item">
-                                        <a href="https://t.me/bottom_user" title="Telegram" target="_blank">
-                                            <i class="fab fa-telegram-plane"></i>
-                                            <span class="label">Telegram</span>
-                                        </a>
-                                    </li>
-                                    <li class="navigation__item">
-                                        <a href="https://twitter.com/woshisunyongyi" title="Twitter" target="_blank">
-                                            <i class="fab fa-twitter"></i>
-                                            <span class="label">Twitter</span>
-                                        </a>
-                                    </li>
-                                    <li class="navigation__item">
-                                        <a href="http://wpa.qq.com/msgrd?v=3&uin=1539250352&site=qq&menu=yes" title="QQ"
-                                            target="_blank">
-                                            <i class="fab fa-qq"></i>
-                                            <span class="label">QQ</span>
-                                        </a>
-                                    </li>
-                                    <li class="navigation__item">
-                                        <a onclick="weixin()" title="微信" target="_blank">
-                                            <i class="fab fa-weixin"></i>
-                                            <script>
-                                                function weixin() {
-                                                    Swal.fire({
-                                                        title: "请扫码",
-                                                        text: "请使用微信扫一扫",
-                                                        confirmButtonText: "好的",
-                                                        imageUrl: "./images/weixin.png",
-                                                        imageWidth: 150,
-                                                        imageHeight: 150
-                                                    })
-                                                }
-                                            </script>
-                                        </a>
-                                    </li>
-                                    <li class="navigation__item">
-                                        <a href="mailto:one@imsyy.top" title="Email">
-                                            <i class="fas fa-envelope"></i>
-                                            <span class="label">Email</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </nav>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="panel-cover--overlay cover-slate"></div>
-        </div>
-        <div class="remark iUp">
-            <p class="power">Copyright © 2020
-                <script>document.write(' - ' + (new Date()).getFullYear())</script> 無名
-            </p>
-        </div>
-    </header>
-    <!--izitoast弹窗设置-->
-    <script>
-        iziToast.settings({
-            timeout: 4000,//调试
-            icon: 'Fontawesome',
-            closeOnEscape: 'true',
-            position: 'topRight',
-            transitionOut: 'fadeOutRight',
-            displayMode: '2',
-            layout: '2',
-            transitionIn: 'bounceInLeft',
-        });
-    </script>
-    <!--izitoast内容-->
-    <script>
-        function update() {
-            iziToast.info({
-                icon: 'fad fa-times-octagon',
-                backgroundColor: '#efefef',
-                title: '站点暂时关闭',
-                message: '只是出现了一点小问题 ~'
-            });
-        }
-    </script>
-    <script type="text/javascript" src="./js/jquery.min.js"></script>
-    <script type="text/javascript" src="./js/fetch.min.js"></script>
-    <script type="text/javascript" src="./js/main.js"></script>
-</body>
-
-</html>

old/js/main.js

@@ -1,106 +0,0 @@
-var iUp = (function () {
-	var t = 0,
-		d = 150,
-		clean = function () {
-			t = 0;
-		},
-		up = function (e) {
-			setTimeout(function () {
-				$(e).addClass("up")
-			}, t);
-			t += d;
-		},
-		down = function (e) {
-			$(e).removeClass("up");
-		},
-		toggle = function (e) {
-			setTimeout(function () {
-				$(e).toggleClass("up")
-			}, t);
-			t += d;
-		};
-	return {
-		clean: clean,
-		up: up,
-		down: down,
-		toggle: toggle
-	}
-})();
-
-$(document).ready(function () {
-
-	// 获取一言数据
-	fetch('https://v1.hitokoto.cn').then(function (res) {
-		return res.json();
-	}).then(function (e) {
-		$('#description').html(e.hitokoto + "<br/> -「<strong>" + e.from + "</strong>」")
-	}).catch(function (err) {
-		console.error(err);
-	})
-
-
-	// var url = 'https://query.yahooapis.com/v1/public/yql' + 
-	// '?q=' + encodeURIComponent('select * from json where url=@url') +
-	// '&url=' + encodeURIComponent('https://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=8') +
-	// '&format=json&callback=?';
-
-	/**
-	 * 获取Bing壁纸
-	 * 原先 YQL 已经无法提供服务了
-	 * 改用 JsonBird：https://bird.ioliu.cn/
-	 * 
-	 */
-	var url = 'https://bird.ioliu.cn/v1/?url=https://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=8';
-	var imgUrls = JSON.parse(sessionStorage.getItem("imgUrls"));
-	var index = sessionStorage.getItem("index");
-	var $panel = $('#panel');
-	if (imgUrls == null) {
-		imgUrls = new Array();
-		index = 0;
-		$.get(url, function (result) {
-			images = result.images;
-			for (let i = 0; i < images.length; i++) {
-				const item = images[i];
-				imgUrls.push(item.url);
-			}
-			var imgUrl = imgUrls[index];
-			var url = "https://www.bing.com" + imgUrl;
-			$panel.css("background", "url('" + url + "') center center no-repeat #666");
-			$panel.css("background-size", "cover");
-			sessionStorage.setItem("imgUrls", JSON.stringify(imgUrls));
-			sessionStorage.setItem("index", index);
-		});
-	} else {
-		if (index == 7)
-			index = 0;
-		else
-			index++;
-		var imgUrl = imgUrls[index];
-		var url = "https://www.bing.com" + imgUrl;
-		$panel.css("background", "url('" + url + "') center center no-repeat #666");
-		$panel.css("background-size", "cover");
-		sessionStorage.setItem("index", index);
-	}
-
-	$(".iUp").each(function (i, e) {
-		iUp.up(e);
-	});
-
-	$(".js-avatar")[0].onload = function () {
-		$(".js-avatar").addClass("show");
-	}
-});
-
-$('.btn-mobile-menu__icon').click(function () {
-	if ($('.navigation-wrapper').css('display') == "block") {
-		$('.navigation-wrapper').on('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
-			$('.navigation-wrapper').toggleClass('visible animated bounceOutUp');
-			$('.navigation-wrapper').off('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend');
-		});
-		$('.navigation-wrapper').toggleClass('animated bounceInDown animated bounceOutUp');
-
-	} else {
-		$('.navigation-wrapper').toggleClass('visible animated bounceInDown');
-	}
-	$('.btn-mobile-menu__icon').toggleClass('social iconfont icon-list social iconfont icon-ngleup animated fadeIn');
-});

package.json

@@ -0,0 +1,44 @@
+{
+  "name": "home",
+  "author": "imsyy",
+  "github": "https://github.com/imsyy/home",
+  "home": "https://imsyy.top",
+  "private": true,
+  "version": "4.1.4",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "vite build",
+    "preview": "vite preview",
+    "format": "prettier --write src/",
+    "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts,.vue --fix"
+  },
+  "dependencies": {
+    "@worstone/vue-aplayer": "^1.0.6",
+    "aplayer": "^1.10.1",
+    "axios": "^1.6.8",
+    "dayjs": "^1.11.10",
+    "element-plus": "^2.7.1",
+    "fetch-jsonp": "^1.3.0",
+    "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "swiper": "^11.1.1",
+    "vue": "^3.4.24"
+  },
+  "devDependencies": {
+    "@icon-park/vue-next": "^1.4.2",
+    "@vicons/fa": "^0.12.0",
+    "@vicons/utils": "^0.1.4",
+    "@vitejs/plugin-vue": "^4.6.2",
+    "eslint": "^8.57.0",
+    "eslint-plugin-vue": "^9.25.0",
+    "prettier": "^3.2.5",
+    "sass": "^1.75.0",
+    "terser": "^5.30.4",
+    "unplugin-auto-import": "^0.11.5",
+    "unplugin-vue-components": "^0.22.12",
+    "vite": "^4.5.3",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-pwa": "^0.14.7"
+  }
+}

public/font/README.md

@@ -0,0 +1,3 @@
+## Logo 字体替换
+
+可将该文件夹下的 `Pacifico-Regular-all.ttf` 替换原来的 `Pacifico-Regular.ttf`