docs: Change back page color. Adjust some page component and color.

This commit is contained in:
EstrellaXD
2023-07-09 22:21:11 +08:00
parent 156d8abe8a
commit e4e0bbe3c0
10 changed files with 109 additions and 62 deletions

View File

@@ -30,6 +30,12 @@ export default defineConfig({
socialLinks: [
{ icon: "github", link: "https://github.com/EstrellaXD/Auto_Bangumi" },
{
icon: {
svg: '<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24"><title>Telegram</title><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg>'
},
link: "https://t.me/autobangumi"
},
],
nav: [
@@ -120,6 +126,10 @@ export default defineConfig({
}
]
},
{
text: "WebUI 使用说明",
link: "/usage/webui",
},
{
text: "FAQ",
items: [

View File

@@ -4,7 +4,7 @@
<template>
<div class="container">
<img
src="/image/preview/webui-home.png"
src="/image/preview/window.png"
alt="AutoBangumi WebUI Preview"
class="webui-preview"
data-zoomable
@@ -44,9 +44,7 @@
height: auto;
border-radius: 10px;
box-shadow: 0 10px 40px -10px rgba(0,0,0,0.3),
0 0 2px rgba(0,0,0,0.2),
0 20px 40px -20px rgba(0,0,0,0.5);
box-shadow: none;
}
</style>

View File

@@ -8,12 +8,12 @@
* -------------------------------------------------------------------------- */
:root {
--vp-c-brand: #646cff;
--vp-c-brand-light: #747bff;
--vp-c-brand-lighter: #9499ff;
--vp-c-brand-lightest: #bcc0ff;
--vp-c-brand-dark: #535bf2;
--vp-c-brand-darker: #454ce1;
--vp-c-brand: #7B65D6;
--vp-c-brand-light: #7162AE;
--vp-c-brand-lighter: #8D7FC2;
--vp-c-brand-lightest: #8E8A9C;
--vp-c-brand-dark: #4E3C94;
--vp-c-brand-darker: #281E52;
--vp-c-brand-dimm: rgba(100, 108, 255, 0.08);
}
@@ -106,4 +106,5 @@
box-shadow: 0 10px 30px -10px rgba(0,0,0,0.2),
0 0 2px rgba(0,0,0,0.2),
0 20px 30px -20px rgba(0,0,0,0.4);
border-radius: 10px;
}

View File

@@ -43,96 +43,96 @@
<path d="M655.669 129.1C657.469 129.1 658.969 129.733 660.169 131C661.435 132.2 662.069 133.7 662.069 135.5C662.069 137.233 661.435 138.733 660.169 140C658.969 141.2 657.469 141.8 655.669 141.8C653.935 141.8 652.435 141.167 651.169 139.9C649.969 138.633 649.369 137.167 649.369 135.5C649.369 133.767 649.969 132.267 651.169 131C652.435 129.733 653.935 129.1 655.669 129.1ZM659.869 204.1H651.569V149.6H659.869V204.1Z" stroke="url(#paint22_linear_1852_4768)" stroke-width="4" mask="url(#path-5-outside-1_1852_4768)"/>
<defs>
<linearGradient id="paint0_linear_1852_4768" x1="279.859" y1="12.075" x2="394.912" y2="66.8646" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint1_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint2_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint3_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint4_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint5_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint6_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint7_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint8_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint9_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint10_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint11_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint12_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint13_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint14_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint15_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint16_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint17_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint18_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint19_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint20_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint21_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<linearGradient id="paint22_linear_1852_4768" x1="-31.474" y1="140" x2="50.585" y2="409.556" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#B42FF1"/>
<stop stop-color="#4B2996"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<clipPath id="clip0_1852_4768">
<rect width="96" height="96" fill="white" transform="translate(285.034)"/>

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

View File

@@ -7,8 +7,8 @@
</g>
<defs>
<linearGradient id="paint0_linear_2018_4132" x1="-10.35" y1="24.15" x2="219.756" y2="133.729" gradientUnits="userSpaceOnUse">
<stop stop-color="#441bd9"/>
<stop offset="1" stop-color="#b42ff1"/>
<stop stop-color="#492897"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<clipPath id="clip0_2018_4132">
<rect width="192" height="192" fill="white"/>

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 6.1 MiB

View File

@@ -9,10 +9,10 @@ hero:
name: AutoBangumi
text: 自动追番,解放双手!
tagline: 从 Mikan Project 全自动 订阅解析、下载管理、重命名整理
image:
dark: /image/icons/dark-logo.svg
light: /image/icons/light-logo.svg
alt: AutoBangumi WebUI
# image:
# dark: /image/icons/dark-logo.svg
# light: /image/icons/light-logo.svg
# alt: AutoBangumi WebUI
actions:
- theme: brand
text: 快速开始

1
docs/usage/manage.md Normal file
View File

@@ -0,0 +1 @@

0
docs/usage/manual.md Normal file
View File

37
docs/usage/webui.md Normal file
View File

@@ -0,0 +1,37 @@
# WebUI 使用说明
## 添加合集
AB 提供了两种手动下载的方式:
**Collect****Subscribe**
其中 **Collect** 为手动下载全部剧集,适用于下载已经完结的番剧。
**Subscribe** 为手动添加自动下载规则以及对应的 RSS 链接,适用于下载尚未完结的番剧。
### 解析 RSS 链接
AB 支持解析所有资源站的合集 RSS 链接,在对应的资源站找到对应番剧合集 RSS点击 AB 右上角的 **+** 号,在弹出的窗口中粘贴 RSS 链接即可。
### 添加下载
如果正常解析,则会弹出一个窗口,显示解析到的番剧信息,点击 **Collect** 或者 **Subscribe** 即可添加到下载队列。
### 常见问题
如果出现解析错误,可能是由于 RSS 链接不正确,或者 RSS 中字幕组的命名不支持解析。
## 管理番剧
### 修改番剧信息
3.0 版本之后 AB 在 WebUI 中提供了手动管理番剧的功能,可以手动调整解析不正确的番剧信息。
在番剧列表中,点击番剧海报,即可进入番剧信息页面。
修改番剧信息后,点击 **Apply** 即可。
此时 AB 会根据你修改的信息重新调整目录并自动重命名。
### 删除番剧
在 3.0 之后 AB 可以手动管理