diff --git a/app/src/config/about.ts b/app/src/config/about.ts
index 9e511bb8e..71fecb563 100644
--- a/app/src/config/about.ts
+++ b/app/src/config/about.ts
@@ -158,7 +158,7 @@ export const about = {
          <div class="b3-label__text">${window.siyuan.languages.about14}</div>
     </div>
     <span class="fn__space"></span>
-    <input class="b3-text-field fn__flex-center fn__size200" id="token" value="${window.siyuan.config.api.token}" readonly="readonly">
+    <input class="b3-text-field fn__flex-center fn__size200" id="token" value="${window.siyuan.config.api.token}">
 </label>
 <div class="b3-label${(window.siyuan.config.system.container === "std" || window.siyuan.config.system.container === "docker") ? "" : " fn__none"}">
     ${window.siyuan.languages.networkProxy}
@@ -201,6 +201,9 @@ export const about = {
         tokenElement.addEventListener("click", () => {
             tokenElement.select();
         });
+        tokenElement.addEventListener("change", () => {
+            fetchPost("/api/system/setAPIToken", {token: tokenElement.value});
+        });
         about.element.querySelector("#exportLog").addEventListener("click", () => {
             fetchPost("/api/system/exportLog", {}, (response) => {
                 openByMobile(response.data.zip);