Add S3 use documentation and other (#335)

* one commit

* two commit

* add S3 Docs

* update side

* add Doge OSS

* fix 115 mermaid

Author: anwen-anyi

docs/.vuepress/public/img/advanced/s3/s3_add_backup.png

@@ -130,7 +130,7 @@ export default hopeTheme(
         // card: true,
       },
       components: {
-        components: ["ArtPlayer", "BiliBili", "Badge","VPCard"],
+        components: ["ArtPlayer", "BiliBili", "Badge","VPCard","Replit"],
         // 临时弹窗
         rootComponents: {
           notice: [

docs/.vuepress/public/img/advanced/s3/s3_config.png

@@ -107,6 +107,11 @@ After modifying the configuration file, restart AList for changes to take effect
     "allow_headers": [
       "*"
     ]
+  },
+  "s3": {
+    "enable": false,
+    "port": 5246,
+    "ssl": false
   }
 }
 ```
@@ -443,3 +448,23 @@ Configuration for Cross-Origin Resource Sharing (CORS).
 - **allow_headers**: Allowed request headers.
 
 Use it to understand it by yourself, and then configure it. If you do n’t know, please do n’t modify it at will. Use the default configuration.
+
+<br/>
+
+
+
+### **S3**
+
+```json
+  "s3": {
+    "enable": false,
+    "port": 5246,
+    "ssl": false
+  }
+```
+
+- `enable`：Whether the S3 function is enabled, the default is not enabled
+- `port`：port
+- `SSL`：Enable the HTTPS certificate, not enabled by default
+
+Function introduction: [Click to view](../guide/advanced/s3.md)

docs/.vuepress/public/img/advanced/s3/s3browser.png

@@ -40,6 +40,12 @@ After the expand
 
 Let me briefly introduce it, probably, the functions that are often used
 
+::: tip
+
+If you didn't find this feature, please update the version
+
+:::
+
 1. **Refresh**：The refresh we mentioned is not to use F5 to refresh the webpage,  **but use** <span style="color: rgb(24, 144, 255);"><svg fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="hope-icon hope-c-XNyZK hope-c-PJLV hope-c-PJLV-ifkxHPo-css" tips="refresh" height="1em" width="1em" style="overflow: visible;"><path fill="none" d="M0 0h24v24H0z"></path><path d="M5.463 4.433A9.961 9.961 0 0112 2c5.523 0 10 4.477 10 10 0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 006.46 6.228l-.997-1.795zm13.074 15.134A9.961 9.961 0 0112 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0013.54 5.772l.997 1.795z"></path></svg></span> **to refresh**, so that the files that just uploaded to the network disk can be refreshed out
 
 
@@ -112,35 +118,41 @@ Let me briefly introduce it, probably, the functions that are often used
       
 
    6. **Grid item size** ：Adjust the picture size in the Grid item mode
+
 
-   
-   
+
    7. **List item filename overflow**：When the text is too long, the three state selection
-   
+
       - **Ellipsis**（default）
-   
+
       - **Scrollable** (PC users use the `shift`+` mousewheel `on the file, if it is a mobile phone user sliding the file left and right)
-   
+
       - **Multi-line**
+
 
-   
-   
+
    8. **Open item on Checkbox**：
-   
+
       - Direct (Open the file/enter the folder)
-   
+
+      - Disable while checked
+
       - With `Ctrl or Command` hold
-   
+
       - With `Alt or Option` hold
         - `Ctrl`、`Alt` is Windows
         - `command`、`Option` is Mac
       - If the button option does not take effect, please check whether the browser plugin conflict :point_right: [Case](https://github.com/alist-org/alist-web/pull/154#issuecomment-1972681627)
-   
+
       <i class="fa-solid fa-lightbulb fa-bounce" style="color: green;"></i> Tips：You can press the `Shift` key to select one, and then select one end. You can quickly select all the files in the middle
-   
-   
-   
-   9.  **Language package selection** and **night mode and daytime mode switch**
+
+   9. **Select item with mouse while checkbox closed**
+      - The default disable: You can click the mouse to open the file
+      - D double -click: You can use the mouse box to select multiple files, or you can use the button `ctrl` to select multiple files
+
+   ![](/img/config/side/side_10.png)
+
+   10. **Language package selection** and **night mode and daytime mode switch**
 
 
 

docs/.vuepress/public/img/config/side/side_10.png

@@ -47,7 +47,7 @@ The home icon is displayed in the left of the navigation bar. The default is `
 ### **Home container**
 
 - Max 980px: the main width will set to `min(99%, 980px)`
-- Hope container: sets the max-width of the content to match the min-width of the current breakpoint, refer to https://hope-ui.com/docs/layout/container .
+- Hope container: sets the max-width of the content to match the min-width of the current breakpoint, refer to https://hope-ui.com/docs/layout/container
 
 
 

docs/.vuepress/public/img/drivers/s3/doge.png

@@ -36,6 +36,7 @@ A file list program that supports multiple storage, and supports web browsing an
 - [x] SFTP
 - [x] [PikPak / share](https://www.mypikpak.com/)
 - [x] [S3](../guide/drivers/s3.md)
+- [x] [Doge](../guide/drivers/s3.md#add-object-storage-examples-and-official-documents)
 - [x] [UPYUN Storage Service](https://www.upyun.com/products/file-storage)
 - [x] WebDAV
 - [x] Teambition（[China](https://www.teambition.com/)，[International](https://us.teambition.com/)）