diff --git a/app/src/config/repos.ts b/app/src/config/repos.ts
index 2e19046f0..9161eba91 100644
--- a/app/src/config/repos.ts
+++ b/app/src/config/repos.ts
@@ -64,6 +64,48 @@ const renderProvider = (provider: number) => {
     </div>
 </div>`
         }
+    } else if (provider === 2) {
+        return `<label class="b3-label b3-label--noborder fn__flex">
+    <div class="fn__flex-1">endpoint</div>
+    <div class="fn__space"></div>
+    <input class="b3-text-field" value="${window.siyuan.config.sync.s3.endpoint}">
+</label>
+<label class="b3-label b3-label--noborder fn__flex">
+    <div class="fn__flex-1">accessKey</div>
+    <div class="fn__space"></div>
+    <input class="b3-text-field" value="${window.siyuan.config.sync.s3.accessKey}">
+</label>
+<label class="b3-label b3-label--noborder fn__flex">
+    <div class="fn__flex-1">secretKey</div>
+    <div class="fn__space"></div>
+    <input class="b3-text-field" value="${window.siyuan.config.sync.s3.secretKey}">
+</label>
+<label class="b3-label b3-label--noborder fn__flex">
+    <div class="fn__flex-1">bucket</div>
+    <div class="fn__space"></div>
+    <input class="b3-text-field" value="${window.siyuan.config.sync.s3.bucket}">
+</label>
+<label class="b3-label b3-label--noborder fn__flex">
+    <div class="fn__flex-1">region</div>
+    <div class="fn__space"></div>
+    <input class="b3-text-field" value="${window.siyuan.config.sync.s3.region}">
+</label>`
+    } else if (provider === 3) {
+        return `<label class="b3-label b3-label--noborder fn__flex">
+    <div class="fn__flex-1">endpoint</div>
+    <div class="fn__space"></div>
+    <input class="b3-text-field" value="${window.siyuan.config.sync.webdav.endpoint}">
+</label>
+<label class="b3-label b3-label--noborder fn__flex">
+    <div class="fn__flex-1">username</div>
+    <div class="fn__space"></div>
+    <input class="b3-text-field" value="${window.siyuan.config.sync.webdav.username}">
+</label>
+<label class="b3-label b3-label--noborder fn__flex">
+    <div class="fn__flex-1">password</div>
+    <div class="fn__space"></div>
+    <input class="b3-text-field" value="${window.siyuan.config.sync.webdav.password}">
+</label>`
     }
     return "";
 }
@@ -122,7 +164,7 @@ export const repos = {
     <img src="/stage/loading-pure.svg">
 </div>
 ${syncProviderHTML}
-<div id="repoProviderPanel" class="b3-label">
+<div id="syncProviderPanel" class="b3-label">
     ${renderProvider(window.siyuan.config.sync.provider)}
 </div>
 <div id="reposData" class="b3-label">
@@ -206,6 +248,18 @@ ${syncModeHTML}
                 }
             });
         });
+        const syncProviderElement = repos.element.querySelector("#syncProvider") as HTMLSelectElement;
+        syncProviderElement.addEventListener("change", () => {
+            fetchPost("/api/sync/setSyncProvider", {provider: parseInt(syncProviderElement.value, 10)}, (response) => {
+                if (response.code === 1) {
+                    showMessage(response.msg);
+                    syncProviderElement.value = "0";
+                } else {
+                    window.siyuan.config.sync.mode = parseInt(syncProviderElement.value, 10);
+                }
+                repos.element.querySelector("#syncProviderPanel").innerHTML = renderProvider(parseInt(syncProviderElement.value, 10));
+            });
+        });
         const loadingElement = repos.element.querySelector("#reposLoading") as HTMLElement;
         loadingElement.style.width = repos.element.clientWidth + "px";
         loadingElement.style.height = repos.element.clientHeight + "px";
diff --git a/app/src/types/index.d.ts b/app/src/types/index.d.ts
index 3f8a42a3d..de8498900 100644
--- a/app/src/types/index.d.ts
+++ b/app/src/types/index.d.ts
@@ -333,6 +333,18 @@ declare interface IConfig {
         interval: number
         cloudName: string
         provider: number
+        s3: {
+            endpoint: string
+            accessKey: string
+            secretKey: string
+            bucket: string
+            region: string
+        }
+        webdav: {
+            endpoint: string
+            username: string
+            password: string
+        }
     },
     lang: string
     api: {