diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss
index 13c949397..7c221c803 100644
--- a/app/src/assets/scss/mobile.scss
+++ b/app/src/assets/scss/mobile.scss
@@ -283,6 +283,17 @@
   display: none;
 }
 
+#historyContainer {
+  & > div {
+    flex-direction: column;
+
+    & > ul {
+      width: auto !important;
+      flex: 1;
+    }
+  }
+}
+
 @media (max-width: 620px) {
   .protyle-wysiwyg [data-node-id].sb[data-sb-layout="col"] {
     flex-direction: column;
diff --git a/app/src/mobile/util/menu.ts b/app/src/mobile/util/menu.ts
index 9e49f7215..3d639869c 100644
--- a/app/src/mobile/util/menu.ts
+++ b/app/src/mobile/util/menu.ts
@@ -12,6 +12,7 @@ import * as md5 from "blueimp-md5";
 import {showMessage} from "../../dialog/message";
 import {exitSiYuan} from "../../dialog/processSystem";
 import {confirmDialog} from "../../dialog/confirmDialog";
+import {openHistory} from "../../util/history";
 
 const showAccountInfo = (modelElement: HTMLElement, modelMainElement: Element) => {
     closePanel();
@@ -124,6 +125,9 @@ export const popMenu = () => {
 <div class="b3-list-item b3-list-item--big" id="menuSyncNow">
     <svg class="b3-list-item__graphic"><use xlink:href="#iconRefresh"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.syncNow}</span>
 </div>
+<div class="b3-list-item b3-list-item--big${window.siyuan.config.readonly ? " fn__none" : ""}" id="menuHistory">
+    <svg class="b3-list-item__graphic"><use xlink:href="#iconVideo"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.dataHistory}</span>
+</div>
 <div slot="border-bottom: 1px solid var(--b3-border-color);"></div>
 <div class="b3-list-item b3-list-item--big" id="menuAppearance">
     <svg class="b3-list-item__graphic"><use xlink:href="#iconTheme"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.appearance}</span>
@@ -312,6 +316,13 @@ ${accountHTML}
             }
             fetchPost("/api/sync/performSync", {});
         });
+        if (!window.siyuan.config.readonly) {
+            document.getElementById("menuHistory").addEventListener(getEventName(), (event) => {
+                event.stopPropagation();
+                event.preventDefault();
+                openHistory();
+            });
+        }
         document.getElementById("menuAccount").addEventListener(getEventName(), (event) => {
             event.stopPropagation();
             event.preventDefault();