diff --git a/README.md b/README.md index 7499a78a8..b5efb5787 100644 --- 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 index 0c1a1c4c1..0ee582f72 100644 --- 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 index 419869cbe..5772e4f30 100644 --- 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 index ea42fe39c..37b47f479 100644 --- 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 index 2315cb7e1..19563e86f 100644 --- 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('更新成功!'); }} > - { return [ {