diff --git a/README.md b/README.md
index f5810682..6f7c749d 100644
--- a/README.md
+++ b/README.md
@@ -40,6 +40,10 @@ Making sure that you are in charge of your data and more customizations.
 
 The default user account is `guest` with password `secret`.
 
+## 🌟 Star history
+
+[![Star History Chart](https://api.star-history.com/svg?repos=justmemos/memos&type=Date)](https://star-history.com/#justmemos/memos&Date)
+
 ---
 
 Just enjoy it.
diff --git a/web/src/components/AboutSiteDialog.tsx b/web/src/components/AboutSiteDialog.tsx
index b28918b4..b2429634 100644
--- a/web/src/components/AboutSiteDialog.tsx
+++ b/web/src/components/AboutSiteDialog.tsx
@@ -1,7 +1,6 @@
 import { useEffect, useState } from "react";
 import utils from "../helpers/utils";
 import { showDialog } from "./Dialog";
-import showStarHistoryDialog from "./StarHistoryDialog";
 import "../less/about-site-dialog.less";
 
 interface Props extends DialogProps {}
@@ -45,9 +44,6 @@ const AboutSiteDialog: React.FC<Props> = ({ destroy }: Props) => {
           <a href="https://github.com/justmemos/memos/issues">issues</a>.
         </p>
         <br />
-        <span className="btn" onClick={showStarHistoryDialog}>
-          Star History
-        </span>
         <p className="updated-time-text">
           Last updated on <span className="pre-text">{lastUpdatedAt}</span> 🎉
         </p>
diff --git a/web/src/components/StarHistoryDialog.tsx b/web/src/components/StarHistoryDialog.tsx
deleted file mode 100644
index f4abd908..00000000
--- a/web/src/components/StarHistoryDialog.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { showDialog } from "./Dialog";
-import "../less/star-history-dialog.less";
-
-interface Props extends DialogProps {}
-
-const StarHistoryDialog: React.FC<Props> = ({ destroy }: Props) => {
-  const handleCloseBtnClick = () => {
-    destroy();
-  };
-
-  return (
-    <>
-      <div className="dialog-header-container">
-        <p className="title-text">
-          <span className="icon-text">⭐️</span>
-          <b>Star History</b>
-        </p>
-        <button className="btn close-btn" onClick={handleCloseBtnClick}>
-          <img className="icon-img" src="/icons/close.svg" />
-        </button>
-      </div>
-      <div className="dialog-content-container">
-        <iframe
-          style={{ width: "100%", height: "auto", minWidth: "600px", minHeight: "400px" }}
-          src="https://star-history.com/embed?secret=Z2hwX2Mxa1ZENmMwOXNyc3p3VlpGNm5ibWgxN3NyNUxkazNXTGlTMQ==#justmemos/memos&Date"
-          frameBorder="0"
-        ></iframe>
-      </div>
-    </>
-  );
-};
-
-export default function showStarHistoryDialog(): void {
-  showDialog(
-    {
-      className: "star-history-dialog",
-    },
-    StarHistoryDialog
-  );
-}
diff --git a/web/src/less/star-history-dialog.less b/web/src/less/star-history-dialog.less
deleted file mode 100644
index 31c25768..00000000
--- a/web/src/less/star-history-dialog.less
+++ /dev/null
@@ -1,11 +0,0 @@
-@import "./mixin.less";
-
-.star-history-dialog {
-  > .dialog-container {
-    @apply w-auto;
-
-    > .dialog-content-container {
-      @apply overflow-x-scroll;
-    }
-  }
-}