docs: 图片自动压缩文档和文案

Mereithhh · Apr 14, 2023 · 82fad8c · 82fad8c
1 parent 46787bd
commit 82fad8c
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -43,8 +43,9 @@
 - [x] 高度定制化，可添加自定义 CSS、HTML 和 JS 代码。
 - [x] 支持自定义页面。
 - [x] 可添加具有指定权限的协作者。
-- [x] 内置图床，并支持各种 OSS 图床、github 图床（外部图床基于 picgo）等。
+- [x] 内置图床，并支持各种 OSS 图床、github 图床（外部图床基于 picgo）等
 - [x] 支持上传图片自动添加水印，无论何种图床
+- [x] 支持上传图片自动压缩，无论何种图床
 - [x] 极致轻量化，没有花里胡哨。页面秒切换、图片懒加载。
 - [x] 脚本一键部署，多种部署方式，支持 ARM 平台。
 - [x] 支持 GA、百度分析
@@ -184,6 +185,7 @@ curl -L https://vanblog.mereith.com/vanblog.sh -o vanblog.sh && chmod +x vanblog
 - [x] 图片上传自动添加水印
 - [x] 迁移到 pnpm，使用 workspace
 - [x] 增加在特定事件后触发执行自定义代码或 webhook 的扩展能力
+- [x] 上传图片自动压缩功能
 - [ ] 插件系统
 - [ ] 自定义主题（前端渲染器）系统
 - [ ] 浏览器消息通知

diff --git a/docs/README.md b/docs/README.md
@@ -33,7 +33,7 @@ features:
 
   - title: 内置图床
     icon: image
-    details: 本地图床，OSS 图床，Github 图床都支持，可一键上传剪切板图片，自动添加水印
+    details: 本地图床，OSS 图床，Github 图床都支持，可一键上传剪切板图片，自动添加水印，自动压缩图片
 
   - title: 高性能
     icon: bolt

diff --git a/docs/features/image-storage.md b/docs/features/image-storage.md
@@ -75,13 +75,20 @@ VanBlog 使用 `picgo-core` 配置文件，和桌面版的 `picgo` 的配置文
 
 ## 其他功能
 
+### 自动压缩
+无论使用何种图床，VanBlog 都支持上传图片自动压缩为 webp 格式。在编辑器或图片管理中上传图片时，VanBlog 会在收到图片信息的时候，先进行压缩，再保存到对应图床。
+
+这个功能默认是开启的，想手动关闭请在后台 `站点管理/系统设置/图床设置` 中，关闭 `自动压缩` 即可。
+
+![自动压缩设置](https://pic.mereith.com/img/6f00ddb9f4051d05aa030cdf6ce3404f.clipboard-2023-04-14.png)
+
 ### 自动水印
 
 无论使用何种图床，VanBlog 都支持上传图片自动添加水印。在编辑器或图片管理中上传图片时，VanBlog 会在收到图片信息的时候，先进行水印转换，再保存到对应图床。
 
 在后台 `站点管理/系统设置/图床设置` 中，开启水印并输入水印文字即可。
 
-![水印设置](https://pic.mereith.com/img/9a49bf9afa30c136994330014ca9d2d9.clipboard-2023-02-27.png)
+![水印设置](https://pic.mereith.com/img/6f00ddb9f4051d05aa030cdf6ce3404f.clipboard-2023-04-14.png)
 
 ::: warning 当前限制
 

diff --git a/docs/intro.md b/docs/intro.md
@@ -103,6 +103,7 @@ order: 1
 - [x] 图片上传自动添加水印
 - [ ] 快捷分享按钮
 - [x] 增加在特定事件后触发执行自定义代码或 webhook 的扩展能力
+- [x] 上传图片自动压缩功能
 - [ ] 插件系统
 - [ ] 自定义主题（前端渲染器）系统
 - [ ] 浏览器消息通知

diff --git a/packages/admin/src/components/WaterMarkForm/index.tsx b/packages/admin/src/components/WaterMarkForm/index.tsx
@@ -54,7 +54,7 @@ export default function (props: {}) {
           message.success('更新成功！');
         }}
       >
-        <ProFormSelect name="enableWebp" label="是否开启图片自动压缩（webp）"
+        <ProFormSelect name="enableWebp" label="图片自动压缩"
           request={async () => {
             return [
               {