From 52602e91a566d7b6489463fc1707625a2441bac6 Mon Sep 17 00:00:00 2001 From: imsyy Date: Wed, 5 Jun 2024 13:52:04 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix:=20=E6=9B=B4=E6=96=B0?= =?UTF-8?q?=E5=A3=81=E7=BA=B8=E6=8E=A5=E5=8F=A3=20#302?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 488 +++++++++++++++++----------------- README_EN.md | 288 ++++++++++---------- src/components/Background.vue | 4 +- 3 files changed, 390 insertions(+), 390 deletions(-) diff --git a/README.md b/README.md index eca364b..4272f0f 100644 --- a/README.md +++ b/README.md @@ -1,244 +1,244 @@ -简体中文 | [English](./README_EN.md) - -

-

無名の主页

-简单的小主页，原来的看够了，重新弄了一个 -

- -![無名の主页](/screenshots/main.jpg) - -> 主页的 Logo 字体已经过压缩，若用本站 Logo 以外的字母会变回默认字体，这里是 [完整字体](https://file.imsyy.top/font/Other/Pacifico-Regular.ttf)，若无法下载，可将字体目录下的 `Pacifico-Regular-all.ttf` 进行替换 - -### 👀 Demo - -> 由于 CDN 缓存原因，查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存 - -- [無名の主页](https://www.imsyy.top) -- [無名の主页 - Dev](https://home-imsyy.vercel.app) -- [無名の主页 - 备用线路](https://home-5iw.pages.dev) - -### 🎉 功能 - -- [x] 载入动画 -- [x] 站点简介 -- [x] Hitokoto 一言 -- [x] 日期及时间 -- [x] 实时天气 -- [x] 时光进度条 -- [x] 音乐播放器 -- [x] 移动端适配 - -### ⚙️ 自动部署 - -如果遇到构建环境或者打包过程出现错误，则可以采用 `Github Actions` 来进行自动构建 - -- 在成功 `fork` 仓库后，前往 `Actions` 页面，若您是首次开启，则会出现下面的提示，点击开启 - - ![步骤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` - -
-旧版方式 - -> 由于本项目引入了中文字体，需要压缩中文字体以提高网页加载速度（ 也可以取消使用中文字体 ） - -#### 中文字体去除繁体 - -- 安装 `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/) 查看原文 - -
- -### 网站图标及网站背景 - -#### 网站背景 - -可以在 `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.aixiaowai.cn) -- [搏天 API](https://api.btstu.cn/doc/sjbz.php) -- [教书先生 API](https://api.oioweb.cn/doc/weather/GetWeather) -- [高德开放平台](https://lbs.amap.com/) -- [Hitokoto 一言](https://hitokoto.cn/) - -## Star History - -[![Star History Chart](https://api.star-history.com/svg?repos=imsyy/home&type=Date)](https://star-history.com/#imsyy/home&Date) - -   +简体中文 | [English](./README_EN.md) + +

+

無名の主页

+简单的小主页，原来的看够了，重新弄了一个 +

+ +![無名の主页](/screenshots/main.jpg) + +> 主页的 Logo 字体已经过压缩，若用本站 Logo 以外的字母会变回默认字体，这里是 [完整字体](https://file.imsyy.top/font/Other/Pacifico-Regular.ttf)，若无法下载，可将字体目录下的 `Pacifico-Regular-all.ttf` 进行替换 + +### 👀 Demo + +> 由于 CDN 缓存原因，查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存 + +- [無名の主页](https://www.imsyy.top) +- [無名の主页 - Dev](https://home-imsyy.vercel.app) +- [無名の主页 - 备用线路](https://home-5iw.pages.dev) + +### 🎉 功能 + +- [x] 载入动画 +- [x] 站点简介 +- [x] Hitokoto 一言 +- [x] 日期及时间 +- [x] 实时天气 +- [x] 时光进度条 +- [x] 音乐播放器 +- [x] 移动端适配 + +### ⚙️ 自动部署 + +如果遇到构建环境或者打包过程出现错误，则可以采用 `Github Actions` 来进行自动构建 + +- 在成功 `fork` 仓库后，前往 `Actions` 页面，若您是首次开启，则会出现下面的提示，点击开启 + + ![步骤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` + +
+旧版方式 + +> 由于本项目引入了中文字体，需要压缩中文字体以提高网页加载速度（ 也可以取消使用中文字体 ） + +#### 中文字体去除繁体 + +- 安装 `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/) 查看原文 + +
+ +### 网站图标及网站背景 + +#### 网站背景 + +可以在 `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 + +- [韩小韩 WebAPI 接口](https://api.vvhan.com/) +- [搏天 API](https://api.btstu.cn/doc/sjbz.php) +- [教书先生 API](https://api.oioweb.cn/doc/weather/GetWeather) +- [高德开放平台](https://lbs.amap.com/) +- [Hitokoto 一言](https://hitokoto.cn/) + +## Star History + +[![Star History Chart](https://api.star-history.com/svg?repos=imsyy/home&type=Date)](https://star-history.com/#imsyy/home&Date) + +   diff --git a/README_EN.md b/README_EN.md index fb0d9d2..d21bfba 100644 --- a/README_EN.md +++ b/README_EN.md @@ -1,144 +1,144 @@ -English | [Chinese](./README.md) - -

-

無名の主页

-Simple little homepage, had enough of the original one and made a new one -

- -![無名の主页](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` - -
-old way - ->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 - -
- -### 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 - -* [MetingAPI By 武恩赐](https://api.wuenci.com/meting/api/) -* [搏天 API](https://api.btstu.cn/doc/sjbz.php) -* [高德开放平台](https://lbs.amap.com/) -* [Hitokoto 一言](https://hitokoto.cn/) - -   +English | [Chinese](./README.md) + +

+

無名の主页

+Simple little homepage, had enough of the original one and made a new one +

+ +![無名の主页](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` + +
+old way + +>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 + +
+ +### 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/) + +   diff --git a/src/components/Background.vue b/src/components/Background.vue index 2e70cc6..1f26360 100644 --- a/src/components/Background.vue +++ b/src/components/Background.vue @@ -43,9 +43,9 @@ const changeBg = (type) => { } else if (type == 1) { bgUrl.value = "https://api.dujin.org/bing/1920.php"; } else if (type == 2) { - bgUrl.value = "https://api.aixiaowai.cn/gqapi/gqapi.php"; + bgUrl.value = "https://api.vvhan.com/api/wallpaper/views"; } else if (type == 3) { - bgUrl.value = "https://api.aixiaowai.cn/api/api.php"; + bgUrl.value = "https://api.vvhan.com/api/wallpaper/acg"; } };