支持背景图透明度自定义

lingbaoboy · Sep 12, 2024 · 21a8a83 · 21a8a83
1 parent 585f9f5
commit 21a8a83
Show file tree

Hide file tree

Showing 19 changed files with 68 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -254,15 +254,16 @@ API格式：
 
 环境变量增加`USER_CONFIG`，JSON格式，具体字段用途及内容规范见下表。
 
-| 字段名      | 用途                 | 类型        | 内容规范                                                     |
-| ----------- | -------------------- | ----------- | ------------------------------------------------------------ |
-| loginBkImg  | 自定义登录页面背景   | 列表/字符串 | 1、当字段类型为`列表`时，列表中元素为需要添加到轮播列表中的图片链接（列表中只有一张图时即为固定背景），形如`["1.jpg","2.jpg"]`<br />2、当字段类型为`字符串`时，目前**仅支持**字符串值为`bing`，设置为该值时启用bing随机图片轮播模式。 |
-| uploadBkImg | 自定义上传页面背景   | 列表/字符串 | 同上                                                         |
-| bkInterval  | 轮播背景切换时间间隔 | 正整数      | 设置为背景图的轮播时间，默认`3000`，单位`ms`。<br />例如你希望10s切换一次，设置为`10000`即可。 |
-| ownerName   | 页内图床名称         | 字符串      | 只支持`字符串`类型，设置为你自定义的图床名称（默认为`Sanyue`） |
-| logoUrl     | 页内图床Logo         | 字符串      | 只支持`字符串`类型，设置为你自定义的图床Logo链接             |
-| siteTitle   | 网站标题             | 字符串      | 只支持`字符串`类型，设置为你自定义的网站标题                 |
-| siteIcon    | 网站图标             | 字符串      | 只支持`字符串`类型，设置为你自定义的网站图标链接             |
+| 字段名      | 用途                 | 类型          | 内容规范                                                     |
+| ----------- | -------------------- | ------------- | ------------------------------------------------------------ |
+| loginBkImg  | 自定义登录页面背景   | 列表/字符串   | 1、当字段类型为`列表`时，列表中元素为需要添加到轮播列表中的图片链接（列表中只有一张图时即为固定背景），形如`["1.jpg","2.jpg"]`<br />2、当字段类型为`字符串`时，目前**仅支持**字符串值为`bing`，设置为该值时启用bing随机图片轮播模式。 |
+| uploadBkImg | 自定义上传页面背景   | 列表/字符串   | 同上                                                         |
+| bkInterval  | 轮播背景切换时间间隔 | 正整数        | 设置为背景图的轮播时间，默认`3000`，单位`ms`。<br />例如你希望10s切换一次，设置为`10000`即可。 |
+| bkOpacity   | 背景图透明度         | (0,1]的浮点数 | 展示的背景图透明度，默认为`1`。<br />如果你觉得显示效果不佳，可以自定义，如`0.8` |
+| ownerName   | 页内图床名称         | 字符串        | 只支持`字符串`类型，设置为你自定义的图床名称（默认为`Sanyue`） |
+| logoUrl     | 页内图床Logo         | 字符串        | 只支持`字符串`类型，设置为你自定义的图床Logo链接             |
+| siteTitle   | 网站标题             | 字符串        | 只支持`字符串`类型，设置为你自定义的网站标题                 |
+| siteIcon    | 网站图标             | 字符串        | 只支持`字符串`类型，设置为你自定义的网站图标链接             |
 
 > 整体示例：
 >
@@ -336,11 +337,13 @@ API格式：
    - ~~图床名称和Logo自定义（2024.8.26已完成）~~
    - ~~网站标题和Icon自定义（2024.8.26已完成）~~
    - ~~背景切换时间自定义（2024.9.11已完成）~~
+   - ~~背景透明度支持自定义（2024.9.12已完成）~~
 5. ~~增加随机图API（2024.7.25已完成）~~
 6. ~~完善多格式链接展示形式，增加ubb格式链接支持（2024.8.21已完成）~~
 7. ~~完善登录逻辑，后端增加认证码校验接口（2024.8.21已完成）~~
 8. ~~支持URL粘贴上传（2024.8.23已完成）~~
 9. ~~支持大于5MB的图片上传前自动压缩（2024.8.26已完成）~~
+10. 支持自定义压缩（上传前+存储端）
 
 ### 4.2Fix Bugs👻
 

diff --git a/css/908.2c1d343a.css b/css/908.2c1d343a.css
diff --git a/css/908.2c1d343a.css.gz b/css/908.2c1d343a.css.gz
diff --git a/css/913.fbe648d6.css b/css/913.fbe648d6.css
diff --git a/css/913.fbe648d6.css.gz b/css/913.fbe648d6.css.gz
diff --git a/index.html b/index.html
@@ -1 +1 @@
-<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/logo.png"><title>Sanyue ImgHub</title><script defer="defer" src="/js/app.307bc667.js"></script><link href="/css/app.def7ef9b.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but sanyue_imghub doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
+<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/logo.png"><title>Sanyue ImgHub</title><script defer="defer" src="/js/app.3e48b5e4.js"></script><link href="/css/app.def7ef9b.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but sanyue_imghub doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
diff --git a/index.html.gz b/index.html.gz
diff --git a/js/908.7bfed73e.js b/js/908.7bfed73e.js
diff --git a/js/908.7bfed73e.js.gz b/js/908.7bfed73e.js.gz
diff --git a/js/908.7bfed73e.js.map b/js/908.7bfed73e.js.map
diff --git a/js/908.7bfed73e.js.map.gz b/js/908.7bfed73e.js.map.gz
diff --git a/js/913.a30ce20e.js b/js/913.a30ce20e.js
diff --git a/js/913.a30ce20e.js.gz b/js/913.a30ce20e.js.gz
diff --git a/js/913.a30ce20e.js.map b/js/913.a30ce20e.js.map
diff --git a/js/913.a30ce20e.js.map.gz b/js/913.a30ce20e.js.map.gz
diff --git a/js/app.3e48b5e4.js b/js/app.3e48b5e4.js
diff --git a/js/app.3e48b5e4.js.gz b/js/app.3e48b5e4.js.gz
diff --git a/js/app.3e48b5e4.js.map b/js/app.3e48b5e4.js.map
diff --git a/js/app.3e48b5e4.js.map.gz b/js/app.3e48b5e4.js.map.gz
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/logo.png"><title>Sanyue ImgHub</title><script defer="defer" src="/js/app.307bc667.js"></script><link href="/css/app.def7ef9b.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but sanyue_imghub doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
		<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/logo.png"><title>Sanyue ImgHub</title><script defer="defer" src="/js/app.3e48b5e4.js"></script><link href="/css/app.def7ef9b.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but sanyue_imghub doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>