diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index b3dd83d7..9e85e12d 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -4,6 +4,18 @@ module.exports = {
     markdown: {
         lineNumbers: true
     },
+    head: [
+        ['link', { rel: 'icon', href: `/logo.png` }],
+        ['link', { rel: 'manifest', href: '/manifest.json' }],
+        ['meta', { name: 'theme-color', content: '#ffffff' }],
+        ['meta', { name: 'application-name', content: 'NoneBot' }],
+        ['meta', { name: 'apple-mobile-web-app-title', content: 'NoneBot' }],
+        ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
+        ['link', { rel: 'apple-touch-icon', href: `/icons/apple-touch-icon.png` }],
+        ['link', { rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#5bbad5' }],
+        ['meta', { name: 'msapplication-TileImage', content: '/icons/mstile-150x150.png' }],
+        ['meta', { name: 'msapplication-TileColor', content: '#00aba9' }]
+    ],
     themeConfig: {
         repo: 'richardchien/none-bot',
         docsDir: 'docs',
diff --git a/docs/.vuepress/public/browserconfig.xml b/docs/.vuepress/public/browserconfig.xml
new file mode 100644
index 00000000..e0322103
--- /dev/null
+++ b/docs/.vuepress/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/icons/mstile-150x150.png"/>
+            <TileColor>#00aba9</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/docs/.vuepress/public/icons/android-chrome-192x192.png b/docs/.vuepress/public/icons/android-chrome-192x192.png
new file mode 100644
index 00000000..cc5ddde2
Binary files /dev/null and b/docs/.vuepress/public/icons/android-chrome-192x192.png differ
diff --git a/docs/.vuepress/public/icons/android-chrome-384x384.png b/docs/.vuepress/public/icons/android-chrome-384x384.png
new file mode 100644
index 00000000..f8a7a5fa
Binary files /dev/null and b/docs/.vuepress/public/icons/android-chrome-384x384.png differ
diff --git a/docs/.vuepress/public/icons/apple-touch-icon.png b/docs/.vuepress/public/icons/apple-touch-icon.png
new file mode 100644
index 00000000..90b5c53f
Binary files /dev/null and b/docs/.vuepress/public/icons/apple-touch-icon.png differ
diff --git a/docs/.vuepress/public/icons/favicon-16x16.png b/docs/.vuepress/public/icons/favicon-16x16.png
new file mode 100644
index 00000000..a119559a
Binary files /dev/null and b/docs/.vuepress/public/icons/favicon-16x16.png differ
diff --git a/docs/.vuepress/public/icons/favicon-32x32.png b/docs/.vuepress/public/icons/favicon-32x32.png
new file mode 100644
index 00000000..0ad08ba4
Binary files /dev/null and b/docs/.vuepress/public/icons/favicon-32x32.png differ
diff --git a/docs/.vuepress/public/icons/favicon.ico b/docs/.vuepress/public/icons/favicon.ico
new file mode 100644
index 00000000..3d44e532
Binary files /dev/null and b/docs/.vuepress/public/icons/favicon.ico differ
diff --git a/docs/.vuepress/public/icons/mstile-150x150.png b/docs/.vuepress/public/icons/mstile-150x150.png
new file mode 100644
index 00000000..7422b583
Binary files /dev/null and b/docs/.vuepress/public/icons/mstile-150x150.png differ
diff --git a/docs/.vuepress/public/icons/safari-pinned-tab.svg b/docs/.vuepress/public/icons/safari-pinned-tab.svg
new file mode 100644
index 00000000..ce90d838
--- /dev/null
+++ b/docs/.vuepress/public/icons/safari-pinned-tab.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="500.000000pt" height="500.000000pt" viewBox="0 0 500.000000 500.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,500.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2389 4496 c-2 -2 -40 -6 -84 -9 -433 -33 -888 -249 -1216 -579 -302
+-304 -493 -675 -565 -1103 -24 -140 -24 -471 0 -615 71 -429 261 -803 562
+-1104 251 -250 575 -435 917 -522 184 -46 323 -62 532 -58 105 1 206 6 225 9
+19 3 60 10 90 16 123 21 237 51 342 90 552 206 986 641 1186 1190 36 100 78
+254 88 324 3 28 8 59 11 70 18 91 24 363 10 490 -15 140 -28 209 -72 375 -16
+60 -71 202 -112 290 -190 404 -509 729 -914 931 -258 129 -535 196 -840 204
+-86 3 -158 3 -160 1z m406 -51 c429 -69 790 -251 1090 -549 304 -303 492 -676
+562 -1121 22 -137 21 -425 -1 -570 -88 -578 -417 -1076 -915 -1385 -218 -135
+-488 -231 -766 -271 -107 -16 -434 -16 -520 -1 -33 6 -80 14 -105 17 -69 10
+-245 60 -346 98 -470 180 -870 552 -1076 1002 -82 179 -147 389 -163 530 -4
+28 -10 82 -15 120 -8 72 -6 379 3 412 3 10 8 38 11 63 10 71 15 99 42 200 191
+726 777 1284 1510 1435 71 15 165 30 209 34 122 11 368 4 480 -14z"/>
+</g>
+</svg>
diff --git a/docs/.vuepress/public/hero.png b/docs/.vuepress/public/logo.png
similarity index 100%
rename from docs/.vuepress/public/hero.png
rename to docs/.vuepress/public/logo.png
diff --git a/docs/.vuepress/public/manifest.json b/docs/.vuepress/public/manifest.json
new file mode 100644
index 00000000..d27d4f61
--- /dev/null
+++ b/docs/.vuepress/public/manifest.json
@@ -0,0 +1,19 @@
+{
+    "name": "NoneBot",
+    "short_name": "NoneBot",
+    "icons": [
+        {
+            "src": "/icons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/docs/README.md b/docs/README.md
index be2862af..a2d7b862 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -1,6 +1,6 @@
 ---
 home: true
-heroImage: /hero.png
+heroImage: /logo.png
 actionText: 即刻开始
 actionLink: /guide/
 features: