diff --git a/static/changeslog.html b/static/changeslog.html
index 9f1e6ba..82f3a71 100644
--- a/static/changeslog.html
+++ b/static/changeslog.html
@@ -1,10 +1,60 @@
-<!DOCTYPE html>
-<html lang="zh-cn">
-    <head>
-    <meta charset="utf-8" />
-    <title>海思机顶盒微型NAS系统</title>
-    </head>
-<body>
-
-</body>
-</html>
+<!DOCTYPE html>
+<html>
+<head>
+    <title>居中捐助与持续开发内容</title>
+    <style>
+        body {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            margin: 0;
+        }
+
+        .app__container {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            text-align: center;
+        }
+
+        .app__data {
+            text-align: center;
+        }
+
+        .app__initial {
+            text-align: initial;
+        }
+
+        .app__description {
+            margin-bottom: var(--mb-3);
+        }
+
+        .app__img {
+            max-width: 100%;
+        }
+
+        .app__stores {
+            margin-top: 20px;
+        }
+
+        .app__store {
+            margin-right: 10px;
+        }
+    </style>
+</head>
+<body>
+    <div class="app__container bd-grid">
+        <div class="app__data">
+            <span class="section-subtitle app__initial">捐助与持续开发</span>
+            <h2 class="section-title app__initial">我们每天都在进步！</h2>
+            <p class="app__description">这是 Teasiu 开发的固件和提供的个人网站，为了更好的持续进步，呼吁有能力的网友支持本站持续运作和固件持续开发更新。不甚感激！<br>您的捐助将用于本站的服务器架设和固件升级维护.</p>
+            <div class="app__stores">
+                <a href="#"><img src="assets/img/donate.png" alt="" class="app__store"></a>
+            </div>
+        </div>
+
+        <img src="assets/img/teasiu.png" alt="" class="app__img">
+    </div>
+</body>
+</html>
