diff --git a/docs/donate.html b/docs/donate.html
new file mode 100644
index 000000000..c2ee805a8
--- /dev/null
+++ b/docs/donate.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>捐助 Artplayer.js</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+    <meta name="keywords" content="artplayer, player, js, html5, video" />
+    <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player" />
+    <link rel="shortcut icon" href="./assets/img/favicon.ico" type="image/x-icon" />
+    <link rel="stylesheet" href="./assets/css/normalize.css" />
+    <style>
+        body {
+            height: 100%;
+            color: #ccc;
+            background: rgb(16, 17, 19);
+        }
+    </style>
+</head>
+
+<body>
+    Donate
+</body>
+
+</html>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index b8878e870..308d389a4 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -92,9 +92,10 @@
             </div>
             <a class="item" href="./document/">Document</a>
             <a class="item" href="https://github.com/zhw2590582/ArtPlayer">Github</a>
+            <a class="item" href="./donate.html">☕ 捐助</a>
+            <span class="item" href="#">Q群: 320881312</span>
         </div>
         <div class="tool">
-            <div class="qq">QQ群•320881312</div>
             <div class="checkbox">
                 <input type="checkbox" id="ts">
                 <label for="ts">TS</label>