diff --git a/docs/.vitepress/theme/components/layout/Comment.vue b/docs/.vitepress/theme/components/layout/Comment.vue
index 186791f4..8fad479f 100644
--- a/docs/.vitepress/theme/components/layout/Comment.vue
+++ b/docs/.vitepress/theme/components/layout/Comment.vue
@@ -1,32 +1,32 @@
 <template>
     <div id="comment-container"></div>
-  </template>
-  
-  <script lang="ts" setup>
-    import { reactive, toRefs, onMounted } from 'vue';
-    import { useData } from 'vitepress';
-    import md5 from 'blueimp-md5';
-    import $ from 'jquery';
-    import { Message } from '@arco-design/web-vue';
-    import '@arco-design/web-vue/es/message/style/css.js';
-    import Gitalk from 'gitalk';
-    import '../../styles/component/gitalk.scss';
-  
-    // 定义属性
-    const props = defineProps({
-      commentConfig: Object,
-    });
-  
-    const data = reactive({
-      type: props.commentConfig?.type ?? 'gitalk',
-    })
-    const { type } = toRefs(data);
-  
-    // 初始化评论组件配置
-    const { page } = useData();
-    let gitalk;
-    if (type.value && type.value == 'gitalk') {
-      gitalk = new Gitalk({
+</template>
+
+<script lang="ts" setup>
+import { reactive, toRefs, onMounted } from 'vue'
+import { useData } from 'vitepress'
+import md5 from 'blueimp-md5'
+import $ from 'jquery'
+import { Message } from '@arco-design/web-vue'
+import '@arco-design/web-vue/es/message/style/css.js'
+import Gitalk from 'gitalk'
+import '../../styles/component/gitalk.scss'
+
+// 定义属性
+const props = defineProps({
+    commentConfig: Object,
+})
+
+const data = reactive({
+    type: props.commentConfig?.type ?? 'gitalk',
+})
+const { type } = toRefs(data)
+
+// 初始化评论组件配置
+const { page } = useData()
+let gitalk
+if (type.value && type.value == 'gitalk') {
+    gitalk = new Gitalk({
         clientID: '938407aebb84fc7e93d9',
         clientSecret: '7e18d4f1b541dde0a35725b19141341b308ea3d4',
         repo: 'toshiki-notebook',
@@ -36,45 +36,45 @@
         language: 'en-US',
         distractionFreeMode: false,
         // 默认: https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token
-        proxy: 'https://vercel.andatoshiki.top/github_access_token',
-      });
-    }
-  
-    // 渲染评论组件
-    onMounted(() => {
-      if (type.value && type.value == 'gitalk') {
+        proxy: 'https://cors.toshiki.dev/?https://github.com/login/oauth/access_token',
+    })
+}
+
+// 渲染评论组件
+onMounted(() => {
+    if (type.value && type.value == 'gitalk') {
         gitalk.render('comment-container')
-  
+
         // 如果点赞，先判断有没有登录
-        let $gc = $('#comment-container');
+        let $gc = $('#comment-container')
         $gc.on('click', '.gt-comment-like', function () {
-          if (!window.localStorage.getItem('GT_ACCESS_TOKEN')) {
-            Message.warning({
-              content: 'Please login before you like',
-              closable: true
-            })
-  
-            return false
-          }
-          return true
+            if (!window.localStorage.getItem('GT_ACCESS_TOKEN')) {
+                Message.warning({
+                    content: 'Please login before you like',
+                    closable: true,
+                })
+
+                return false
+            }
+            return true
         })
         // 提交评论后输入框高度没有重置bug
         $gc.on('click', '.gt-header-controls .gt-btn-public', function () {
-          let $gt = $('.gt-header-textarea')
-          $gt.css('height', '72px')
+            let $gt = $('.gt-header-textarea')
+            $gt.css('height', '72px')
         })
         // 点击预览时，隐藏评论按钮
         $gc.on('click', '.gt-header-controls .gt-btn-preview', function () {
-          let pl = $('.gt-header-controls .gt-btn-public');
-          if (pl.hasClass('hide')) {
-            pl.removeClass('hide')
-          } else {
-            // 隐藏
-            pl.addClass('hide')
-          }
+            let pl = $('.gt-header-controls .gt-btn-public')
+            if (pl.hasClass('hide')) {
+                pl.removeClass('hide')
+            } else {
+                // 隐藏
+                pl.addClass('hide')
+            }
         })
-      }
-    })
-  </script>
-  
-  <style scoped></style>
\ No newline at end of file
+    }
+})
+</script>
+
+<style scoped></style>
diff --git a/docs/.vitepress/theme/styles/component/gitalk.scss b/docs/.vitepress/theme/styles/component/gitalk.scss
index c4168fcb..d408e9c3 100644
--- a/docs/.vitepress/theme/styles/component/gitalk.scss
+++ b/docs/.vitepress/theme/styles/component/gitalk.scss
@@ -34,19 +34,20 @@
     --c-badge-tip: var(--c-tip);
     --c-badge-warning: var(--c-warning);
     --c-badge-danger: var(--c-danger);
-    --t-color: .3s ease;
-    --t-transform: .3s ease;
+    --t-color: 0.3s ease;
+    --t-transform: 0.3s ease;
     --code-bg-color: #282c34;
-    --code-hl-bg-color: rgba(0, 0, 0, .66);
+    --code-hl-bg-color: rgba(0, 0, 0, 0.66);
     --code-ln-color: #9e9e9e;
     --code-ln-wrapper-width: 3.5rem;
-    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-    --font-family-code: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans',
+        'Droid Sans', 'Helvetica Neue', sans-serif;
+    --font-family-code: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
     --navbar-height: 3.6rem;
-    --navbar-padding-v: .7rem;
+    --navbar-padding-v: 0.7rem;
     --navbar-padding-h: 1.5rem;
     --sidebar-width: 20rem;
-    --sidebar-width-mobile: calc(var(--sidebar-width) * .82);
+    --sidebar-width-mobile: calc(var(--sidebar-width) * 0.82);
     --content-width: 740px;
     --homepage-width: 960px;
 }
@@ -78,7 +79,8 @@ html.dark {
 
 @font-face {
     font-family: octicons-link;
-    src: url(data:font/woff;charset=utf-8;base64,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) format('woff');
+    src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==)
+        format('woff');
 }
 
 .markdown-body {
@@ -86,17 +88,18 @@ html.dark {
     -webkit-text-size-adjust: 100%;
     line-height: 1.5;
     color: var(--c-text);
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
+        'Segoe UI Emoji', 'Segoe UI Symbol';
     font-size: 14px;
     line-height: 1.5;
     word-wrap: break-word;
     transition: background-color var(--t-color), border-color var(--t-color);
 }
 
-.g-emoji{
+.g-emoji {
     display: inline-block;
     min-width: 1ch;
-    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", serif;
+    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', serif;
     font-size: 1em;
     font-style: normal !important;
     font-weight: 400;
@@ -162,7 +165,7 @@ html.dark {
 }
 
 .markdown-body .pl-c2::before {
-    content: "^M";
+    content: '^M';
 }
 
 .markdown-body .pl-sr .pl-cce {
@@ -290,7 +293,7 @@ html.dark {
     overflow: visible;
 }
 
-.markdown-body [type="checkbox"] {
+.markdown-body [type='checkbox'] {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
@@ -331,13 +334,13 @@ html.dark {
 
 .markdown-body hr::before {
     display: table;
-    content: "";
+    content: '';
 }
 
 .markdown-body hr::after {
     display: table;
     clear: both;
-    content: "";
+    content: '';
 }
 
 .markdown-body table {
@@ -423,14 +426,14 @@ html.dark {
 }
 
 .markdown-body code {
-    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
     font-size: 12px;
 }
 
 .markdown-body pre {
     margin-top: 0;
     margin-bottom: 0;
-    font: 12px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    font: 12px 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
 }
 
 .markdown-body .octicon {
@@ -467,13 +470,13 @@ html.dark {
 
 .markdown-body::before {
     display: table;
-    content: "";
+    content: '';
 }
 
 .markdown-body::after {
     display: table;
     clear: both;
-    content: "";
+    content: '';
 }
 
 .markdown-body > *:first-child {
@@ -701,7 +704,7 @@ html.dark {
 .markdown-body code::before,
 .markdown-body code::after {
     letter-spacing: -0.2em;
-    content: "\A0";
+    content: '\A0';
 }
 
 .markdown-body pre {
@@ -765,7 +768,7 @@ html.dark {
 .markdown-body kbd {
     display: inline-block;
     padding: 3px 5px;
-    font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    font: 11px 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
     line-height: 10px;
     color: #444d56;
     vertical-align: middle;
@@ -1088,7 +1091,7 @@ html.dark {
 
 .gt-container .gt-meta:before,
 .gt-container .gt-meta:after {
-    content: " ";
+    content: ' ';
     display: table;
 }
 
@@ -1238,7 +1241,7 @@ html.dark {
 
 .gt-container .gt-header-controls:before,
 .gt-container .gt-header-controls:after {
-    content: " ";
+    content: ' ';
     display: table;
 }
 
@@ -1388,7 +1391,8 @@ html.dark {
     text-decoration: underline;
 }
 
-.gt-container .gt-comment-text, .gt-container .gt-comment-date {
+.gt-container .gt-comment-text,
+.gt-container .gt-comment-date {
     margin-left: 0.5em;
     color: #a1a1a1;
     font-size: 0.875em;
@@ -1486,4 +1490,4 @@ html.dark {
 
 .gt-comment-body .snippet-clipboard-content pre code {
     color: var(--c-text);
-}
\ No newline at end of file
+}