diff --git a/public/site/css/about.css b/public/site/css/about.css
index eacf9c6b2..0a936f7eb 100644
--- a/public/site/css/about.css
+++ b/public/site/css/about.css
@@ -172,4 +172,34 @@
   border: 1px solid transparent;
   border-radius: 8px;
   color: #fff;
+}
+#desc_wrap{
+  position: relative;
+}
+#characterCount{
+  position: absolute;
+  right: 20px;
+  bottom: 7px;
+  z-index:999;
+  color: #ccc;
+}
+#loadingWrap{
+  position: relative;
+}
+#submitLoading{
+  position: absolute;
+  display: none;
+  left: 42%;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  animation: spin 3s infinite linear;
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
\ No newline at end of file
diff --git a/public/site/css/common.css b/public/site/css/common.css
index ecf67cb48..03d6f4a5c 100644
--- a/public/site/css/common.css
+++ b/public/site/css/common.css
@@ -980,3 +980,6 @@ footer{
 .start_a{
     width: 100%;
 }
+.hide{
+    display: none;
+}
diff --git a/public/site/css/distribution.css b/public/site/css/distribution.css
index 713a4ee6a..7e1150427 100644
--- a/public/site/css/distribution.css
+++ b/public/site/css/distribution.css
@@ -47,7 +47,7 @@ section{
   align-items: center;
   justify-content: center;
   padding-bottom: 20px;
-  
+
 }
 .name >i{
   color: #000;
@@ -160,7 +160,7 @@ section{
 }
 .operat-con .group_num{
   background-color: #8BCF70;
-  
+
   padding: 6px 12px;;
   border-radius: 6px;
 }
@@ -174,7 +174,7 @@ section{
   width: 160px;
   height: 160px;
   background-color: #F2F3F1;
-  border-radius: 12px;  
+  border-radius: 12px;
   margin-bottom: 36px;
   display: flex;
   justify-content: center;
@@ -215,4 +215,9 @@ section{
     height: 24px;
     margin-right: 8px;
   }
-}
\ No newline at end of file
+}
+.qrcode_box{
+    width: 130px;
+    height: 130px;
+    display: inline-block;
+}
diff --git a/public/site/css/log.css b/public/site/css/log.css
index e82e70104..893e7b572 100644
--- a/public/site/css/log.css
+++ b/public/site/css/log.css
@@ -60,7 +60,7 @@
   overflow-y:scroll;
 }
 .logs-r::-webkit-scrollbar{
-  width: 0 !important 
+  width: 0 !important
 }
 .logs-h1{
   color: var(--text-color);
@@ -70,6 +70,8 @@
   font-size: 24px;
   line-height: 30px;
   color: var(--text-color);
+  padding-top: 15px;
+  box-sizing: border-box;
 }
 .r-ol-item{
   color: var(--txt-gray-color);
@@ -129,4 +131,9 @@
 }
 .filings{
   border-top: 1px solid var(--border-color);
-}
\ No newline at end of file
+}
+.log-a{
+    display: block;
+    width: 100%;
+    height: 100%;
+}
diff --git a/public/site/en/about.html b/public/site/en/about.html
index fff5c158b..a7205ee39 100644
--- a/public/site/en/about.html
+++ b/public/site/en/about.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <title>DooTask</title>
   <meta name="google" value="notranslate">
-  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
+  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
   <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="shortcut icon" href="../img/favicon.ico">
@@ -68,15 +68,15 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="Dark theme">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Experience it now</button>
+              <a href="https://www.dootask.com/manage/dashboard">
+                <button class="btn btn-primary" >Try Now</button>
               </a>
             </span>
           </div>
@@ -155,7 +155,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support" >
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -177,7 +177,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" id="theme" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -191,7 +191,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language">
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
@@ -201,9 +201,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -280,13 +280,14 @@
                     <i class="from-ul-tags mb-8">Email</i>
                     <input id="email"  class="input" type="text" placeholder="Please enter your email address">
                   </li>
-                  <li class="from-ul-item mb-16">
+                  <li class="from-ul-item mb-16" id="desc_wrap">
                     <i class="from-ul-tags mb-8">Message</i>
-                    <textarea id="desc" class="textarea" cols="3" rows="8" placeholder="Optional"></textarea>
+                    <textarea id="desc" class="textarea" cols="3" rows="8" placeholder="Optional" oninput="limitCharacters(255)"></textarea>
+                    <p id="characterCount">0/255</p>
                   </li>
                   <li>
                     <span class="from-submit">
-                      <button class="btn btn-primary " type="button" onclick="sendFormRequest()">Submit</button>
+                      <button class="btn btn-primary" id="loadingWrap" type="button" onclick="sendFormRequest()"><img id="submitLoading" alt="" src="../img/loading.png" />Submit</button>
                     </span>
                   </li>
                 </ul>
@@ -341,20 +342,20 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">Community</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ group</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                         <i class="group_num">Group：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
                 </ol>
               </li>
@@ -371,7 +372,7 @@
 <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
 <script src="../js/common.js"></script>
 <script>
-  /* 数字滚动动画 */ 
+  /* 数字滚动动画 */
   const companyYearEl = document.querySelector('.company-year');
   const companyAreaEl = document.querySelector('.company-area');
   const companySizeEl = document.querySelector('.company-size');
@@ -410,7 +411,7 @@
   areaTimerId = setInterval(updateAreaNumber, 1);
   sizeTimerId = setInterval(updateSizeNumber, 1);
 
-  /* 滑动到可视区域执行动画 */ 
+  /* 滑动到可视区域执行动画 */
   const boxes = document.querySelectorAll('.about-animate-box');
   let timerId = null
   const animateBoxes = ()=> {
@@ -426,6 +427,16 @@
       }
     });
   }
+  /* 限制表单textarea字符数 */
+  function limitCharacters( maxCharacters) {
+    const textarea = document.getElementById("desc")
+    let text = textarea.value;
+    if (text.length > maxCharacters) {
+        textarea.value = text.slice(0, maxCharacters); // 截断文本
+      text = textarea.value;
+    }
+    document.getElementById('characterCount').textContent = `${text.length}/${maxCharacters}`;
+  }
   /* 显示/隐藏提示弹框 */
   function showBox(text){
     const box = document.querySelector('.BulletBox')
@@ -464,21 +475,25 @@
                     `,
           "silence": "no"
         };
-
+        document.getElementById("submitLoading").style.display = "block"
         axios.post(url, data, { headers })
           .then(response => {
             form.reset()
+            document.getElementById("submitLoading").style.display = "none"
+            limitCharacters(255)
             showBox('Submitted successfully！')
           })
           .catch(error => {
             form.reset()
+            document.getElementById("submitLoading").style.display = "none"
+            limitCharacters(255)
             showBox(error.message)
           });
       }
     }
-    
+
   }
   window.addEventListener('scroll', animateBoxes);
   animateBoxes();
 </script>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/site/en/distribute.html b/public/site/en/distribute.html
index f76178d8b..a1032d6fe 100644
--- a/public/site/en/distribute.html
+++ b/public/site/en/distribute.html
@@ -4,7 +4,7 @@
 	<meta charset="UTF-8">
   <title>DooTask</title>
   <meta name="google" value="notranslate">
-  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
+  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
   <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="shortcut icon" href="../img/favicon.ico">
@@ -20,7 +20,7 @@
 				<div class="layout" id="target">
 					<img class="icon1" src="../img/logo_y.svg" alt="DooTask">
 					<div class="qr_code">
-						<i id="qrcode" style="width: 130px; height: 130px;display: inline-block;"></i>
+						<i id="qrcode" class="qrcode_box"></i>
 					</div>
 					<div class="name">
 						<img class="icon2" src="../img/android_y.svg" alt="安卓,abdroid">
@@ -29,7 +29,7 @@
 					<div class="scan">
 						<i class="scan-txt" style="margin-bottom: 4px;">Scan the QR code to download</i>
 						<span class="scan-txt" style="margin-bottom: 18px;">
-							Or type in this URL using your mobile browser: 
+							Or type in this URL using your mobile browser:
 							<i class="scan-txt-b">http://dootask.com/</i>
 						</span>
 					</div>
@@ -71,8 +71,8 @@
 	const infoDom = document.querySelector('.info')
 	const operatDom = document.querySelector('.operat-tips')
 	const ua = window.navigator.userAgent.toLowerCase();
-	const isWechat = /micromessenger/.test(ua);	
-	const isAndroid = /android/.test(ua);	
+	const isWechat = /micromessenger/.test(ua);
+	const isAndroid = /android/.test(ua);
 	let timer;
 	if(!isAndroid){
 		dowBtnDom.style.display = 'none'
@@ -110,7 +110,7 @@
 		}
 		window.location.href = "https://www.dootask.com/uploads/android/DooTask-v0.27.46-android.apk";
 	}
-	/* 生成网页二维码二维码 */ 
+	/* 生成网页二维码二维码 */
 if(window.location.host !== ''){
   const url = window.location.href;
   const matchResult = url.match(/^(.*?)(?=\/site)/);
diff --git a/public/site/en/download.html b/public/site/en/download.html
index 00775855c..85b73f19d 100644
--- a/public/site/en/download.html
+++ b/public/site/en/download.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <title>DooTask</title>
   <meta name="google" value="notranslate">
-  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
+  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
   <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="shortcut icon" href="../img/favicon.ico">
@@ -68,15 +68,15 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="Dark theme">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Experience it now</button>
+              <a href="https://www.dootask.com/manage/dashboard">
+                <button class="btn btn-primary" >Try Now</button>
               </a>
             </span>
           </div>
@@ -100,7 +100,7 @@
                 </a>
                 <div class="hover">
                   <img class="qr-code mb-8" src="../img/ios_code.png" alt="Scan download,ios">
-                  <i class="txt-4001624 txt">Scan download</i>
+                  <i class="txt-4001624 txt"> Download</i>
                 </div>
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.1s;" onmouseover='handleMouseover(1)' onmouseout='handleMouseout(1)'>
@@ -108,10 +108,10 @@
                   <img class="icon mb-8" src="../img/dow_android.svg" alt="Android">
                   <i class="txt-4001624 txt">Android</i>
                 </a>
-                <div class="hover">
-                  <div class="mb-12" id="qrcode" style="width: 100px;height: 100px;"></div>
-                  <i class="txt-4001624 txt">Scan download</i>
-                </div>
+                <a class="hover radius" id="winx64Link" href="https://www.dootask.com/desktop/publish/latest?platform=android" target="_blank">
+                  <img class="icon mb-8" src="../img/dow_icon.svg" alt="Windows,download">
+                  <i class="txt-4001624 txt">Download</i>
+                </a>
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.2s;" onmouseover='handleMouseover(2)' onmouseout='handleMouseout(2)'>
                 <div class="normal">
@@ -120,10 +120,10 @@
                 </div>
                 <div class="hover radius">
                   <button class="btn btn-green mb-12" style="width: 70%;">
-                    <a class="chips-txt txt-4001418" id="arm64Link" href="https://www.dootask.com/uploads/desktop/0.27.46/DooTask-v0.27.46-mac-arm64.dmg">Apple Chips</a>
+                    <a class="chips-txt txt-4001418" id="arm64Link" href="https://www.dootask.com/desktop/publish/latest?platform=mac&arch=arm64" target="_blank">Apple Chips</a>
                   </button>
                   <button class="btn btn-green" style="width: 70%;">
-                    <a class="chips-txt txt-4001418" id="x64Link" href="https://www.dootask.com/uploads/desktop/0.27.46/DooTask-v0.27.46-mac-x64.dmg">Intel Chips</a>
+                    <a class="chips-txt txt-4001418" id="x64Link" href="https://www.dootask.com/desktop/publish/latest?platform=mac&arch=x64"  target="_blank">Intel Chips</a>
                   </button>
                 </div>
               </li>
@@ -132,9 +132,9 @@
                   <img class="icon mb-8" src="../img/dow_window.svg" alt="Windows">
                   <i class="txt-4001624 txt">Windows</i>
                 </div>
-                <a class="hover radius" id="winx64Link" href="https://www.dootask.com/uploads/desktop/0.27.46/DooTask-v0.27.46-win-x64.exe">
+                <a class="hover radius" id="winx64Link" href="https://www.dootask.com/desktop/publish/latest?platform=windows&arch=x64" target="_blank">
                   <img class="icon mb-8" src="../img/dow_icon.svg" alt="Windows,download">
-                  <i class="txt-4001624 txt">download</i>
+                  <i class="txt-4001624 txt">Download</i>
                 </a>
               </li>
             </ul>
@@ -165,7 +165,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support">
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -187,7 +187,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -201,7 +201,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language" >
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
@@ -211,9 +211,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -228,7 +228,7 @@
                 <div class="update-l">
                   <h1 class="txt-4003645 update-h1 mb-36">Update Log</h1>
                   <ul class="update-ul">
-                    <div id="releases"></div>
+                    <li id="releases"></li>
                     <li>
                       <a class="more-item" href="../en/log.html">
                         <h5 class="txt-4001624 more">More Logs</h5>
@@ -291,20 +291,20 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">Community</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ group</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                         <i class="group_num">Group：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
                 </ol>
               </li>
@@ -321,7 +321,7 @@
 <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
 <script src="../js/common.js"></script>
 <script>
-  /* 下载应用的hover处理函数 */ 
+  /* 下载应用的hover处理函数 */
 const download = document.querySelector('.download-ul');
 const downloadItems = download.querySelectorAll('.download-ul-item');
 const handleMouseover = (val)=>{
@@ -345,7 +345,7 @@ const getItem = (key)=> {
   }
   return record.value;
 }
-/* 获取仓库的更新信息处理函数 */ 
+/* 获取仓库的更新信息处理函数 */
 const setHrefUrl = (data,name,dom)=>{
   const url = data[0].assets.find(file => file.name.includes(name));
   const link = document.getElementById(dom);
@@ -380,7 +380,7 @@ if(!logsItem) {
 }else{
   updates.innerHTML = logsItem;
 }
-/* 滑动到可视区域执行动画 */ 
+/* 滑动到可视区域执行动画 */
 const boxes = document.querySelectorAll('.dow-animate-box');
 const animateBoxes = ()=> {
   boxes.forEach(box => {
@@ -393,7 +393,7 @@ const animateBoxes = ()=> {
 }
 window.addEventListener('scroll', animateBoxes);
 animateBoxes();
-/* 生成网页二维码二维码 */ 
+/* 生成网页二维码二维码 */
 if(window.location.host !== ''){
   const url = window.location.href;
   const matchResult = url.match(/^(.*?)(?=\/site)/);
@@ -401,4 +401,4 @@ if(window.location.host !== ''){
   new QRCode(document.getElementById('qrcode'), `${result}/site/en/distribute.html`); // 测试
 }
 </script>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/site/en/help.html b/public/site/en/help.html
index 228f27f74..74e17d0ad 100644
--- a/public/site/en/help.html
+++ b/public/site/en/help.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <title>DooTask</title>
   <meta name="google" value="notranslate">
-  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
+  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
   <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="shortcut icon" href="../img/favicon.ico">
@@ -68,15 +68,15 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="Dark theme">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Experience it now</button>
+              <a href="https://www.dootask.com/manage/dashboard">
+                <button class="btn btn-primary" >Try Now</button>
               </a>
             </span>
           </div>
@@ -203,7 +203,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support">
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -225,7 +225,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" id="theme" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -239,7 +239,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language">
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
@@ -249,9 +249,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -439,20 +439,20 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">Community</li>
                   <li class="footer-ol-item">
-                  <li class="footer-ol-item mb-16">
-                    <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                  </li>
-                  <li class="footer-ol-item mb-16">
-                    <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                  </li>
-                  <li class="footer-ol-item" id="qq_group">
-                    <i class="txt-4001624 txt">QQ group</i>
-                    <div class="group_code">
-                      <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
-                      <i class="group_num">Group：546574618</i>
-                      <i class="lower_triangle"></i>
-                    </div>
-                  </li>
+                      <div class="footer-ol-item mb-16">
+                        <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
+                      </div>
+                      <div class="footer-ol-item mb-16">
+                        <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
+                      </div>
+                      <div class="footer-ol-item" id="qq_group">
+                        <i class="txt-4001624 txt">QQ group</i>
+                        <div class="group_code">
+                          <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
+                          <i class="group_num">Group：546574618</i>
+                          <i class="lower_triangle"></i>
+                        </div>
+                      </div>
                   </li>
                 </ol>
               </li>
@@ -468,7 +468,7 @@
 </body>
 <script src="../js/common.js"></script>
 <script>
-/* 菜单点击激活函数 */ 
+/* 菜单点击激活函数 */
 const tabs = document.querySelector('.help-l-1920');
 const tabItems = tabs.querySelectorAll('.l-ul-item');
 tabs.addEventListener('click', function (event) {
@@ -490,4 +490,4 @@ const closeHelpDraweHandle = ()=>{
   helpDrawer.classList.remove('open-help-drawer');
 }
 </script>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/site/en/index.html b/public/site/en/index.html
index 34377c8b5..bd76e0a54 100644
--- a/public/site/en/index.html
+++ b/public/site/en/index.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <title>DooTask</title>
   <meta name="google" value="notranslate">
-  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
+  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
   <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="shortcut icon" href="../img/favicon.ico">
@@ -68,15 +68,15 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="Dark theme">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Experience it now</button>
+              <a href="https://www.dootask.com/manage/dashboard">
+                <button class="btn btn-primary" >Try Now</button>
               </a>
             </span>
           </div>
@@ -136,7 +136,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support">
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -158,7 +158,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" id="theme" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -172,7 +172,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language" >
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
@@ -182,9 +182,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -472,20 +472,20 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">Community</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ group</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                         <i class="group_num">Group：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
                 </ol>
               </li>
diff --git a/public/site/en/log.html b/public/site/en/log.html
index 9645d1976..40b2eb920 100644
--- a/public/site/en/log.html
+++ b/public/site/en/log.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <title>DooTask</title>
   <meta name="google" value="notranslate">
-  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
+  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
   <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="shortcut icon" href="../img/favicon.ico">
@@ -68,15 +68,15 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="Dark theme">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Experience it now</button>
+              <a href="https://www.dootask.com/manage/dashboard">
+                <button class="btn btn-primary" >Try Now</button>
               </a>
             </span>
           </div>
@@ -121,7 +121,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support" >
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -143,7 +143,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" id="theme" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -157,7 +157,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language" >
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
@@ -167,9 +167,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -191,6 +191,7 @@
               <div class="logs-r">
                 <h1 class="txt-6003645 logs-h1 mb-36">DooTask Update Log </h1>
                 <ul class="logs-r-ul"></ul>
+                </div>
             </div>
           </div>
         </article>
@@ -238,7 +239,7 @@ const domHandle = (html)=>{
   const rlog = document.querySelector('.logs-l-1920');
   const rlog2 = document.querySelector('.logs-l-768');
   const versions = html.match(/<h2>(.*?)<\/h2>/g).slice(0, 10);
-  
+
   const versionsNumbers = versions.map(str => str.split('<h2>[')[1].split(']</h2>')[0]);
   for (let i = 0; i < versionsNumbers.length; i++) {
     const updatesHtml = html.split(versionsNumbers[i])[1].split('<h2>')[0].match(/<li>(.*?)<\/li>/g);
@@ -246,7 +247,7 @@ const domHandle = (html)=>{
     const rLi = document.createElement('li');
     rLi.className = `l-ul-item ${i==0?'active':''}`;
     rLi.innerHTML = `
-      <a class="txt-4001620 txt" href="#section-${i+1}">v${versionsNumbers[i]} update</a>
+      <a class="txt-4001620 txt log-a" href="#section-${i+1}">v${versionsNumbers[i]} update</a>
     `;
     const rLi2 = document.createElement('li');
     rLi2.className = `l-ul-item`;
@@ -255,11 +256,11 @@ const domHandle = (html)=>{
       logsDrawer.classList.remove('open-logs-drawer');
     });
     rLi2.innerHTML = `
-      <a class="txt-4001620 txt" href="#section-${i+1}">v${versionsNumbers[i]} update</a>
+      <a class="txt-4001620 txt log-a" href="#section-${i+1}">v${versionsNumbers[i]} update</a>
     `;
     rlog.appendChild(rLi);
     rlog2.appendChild(rLi2);
-    
+
     const li = document.createElement('li');
     li.className = 'r-ul-item mb-36';
     li.innerHTML = `
@@ -271,7 +272,7 @@ const domHandle = (html)=>{
     getUpdatesFromHtml(updatesHtmlText,li)
   }
   let updateLogNum = localStorage.getItem('update_log_num')
-  /* logs点击激活函数 */ 
+  /* logs点击激活函数 */
   let isThrottled = false;
   let timerId;
   const logs_tabs = document.querySelector('.logs-l-1920');
@@ -348,4 +349,4 @@ if(!logs) {
   domHandle(logs)
 }
 </script>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/site/en/price.html b/public/site/en/price.html
index f84c468ab..970796eb1 100644
--- a/public/site/en/price.html
+++ b/public/site/en/price.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <title>DooTask</title>
   <meta name="google" value="notranslate">
-  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
+  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
   <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="shortcut icon" href="../img/favicon.ico">
@@ -82,15 +82,15 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="Dark theme">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Experience it now</button>
+              <a href="https://www.dootask.com/manage/dashboard">
+                <button class="btn btn-primary" >Try Now</button>
               </a>
             </span>
           </div>
@@ -114,7 +114,7 @@
                   <i class="txt-5001628 price-card-unit">/month</i>
                 </div>
                 <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">No limit to the number of people</h6>
-                <a href="https://github.com/kuaifan/dootask/tree/v0.13.0"  target="_blank" class="start_a" > <button class="btn btn-green mb-24">Deploy Now</button> </a>
+                <a href="https://github.com/kuaifan/dootask/tree/v0.13.0" class="start_a" > <button class="btn btn-green mb-24">Deploy Now</button> </a>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
                     <img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
@@ -129,7 +129,7 @@
                   <i class="txt-5001628 price-card-unit">/month</i>
                 </div>
                 <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">Up to 3 persons</h6>
-                <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank" class="start_a">
+                <a href="https://github.com/kuaifan/dootask/tree/pro" class="start_a">
                     <button class="btn btn-green mb-24">Deploy Now</button> </a>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
@@ -182,7 +182,7 @@
                   <h2 class="txt-6003645 price-card-h2">Custom</h2>
                 </div>
                 <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">No limit to the number of people</h6>
-                <button class="btn btn-green mb-24" onclick="showBox('Customised consultancy')">Customised consultancy</button>
+                <button class="btn btn-green mb-24" onclick="showBox('Customised consultancy')">Consult</button>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
                     <img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
@@ -234,7 +234,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support" >
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -256,7 +256,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide " id="theme">
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -270,7 +270,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language" >
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
@@ -280,9 +280,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -310,7 +310,7 @@
                       <i class="txt-5001628 price-card-unit">/month</i>
                     </div>
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank"> <button class="btn btn-primary">Deploy Now</button></a>
+                      <a href="https://github.com/kuaifan/dootask/tree/pro"> <button class="btn btn-primary">Deploy Now</button></a>
                     </span>
                   </div>
                   <div class="plans-ul-t-item-h4">
@@ -326,7 +326,7 @@
                       <h2 class="txt-6003645 price-card-h2">Custom</h2>
                     </div>
                     <span class="plans-ul-b-item-btn">
-                      <button class="btn btn-primary" onclick="showBox('Customised consultancy')">Customised consultancy</button>
+                      <button class="btn btn-primary" onclick="showBox('Customised consultancy')">Consult</button>
                     </span>
                   </div>
                 </li>
@@ -427,7 +427,7 @@
                   <h4 class="plans-ul-t-item-h4"></h4>
                   <div class="plans-ul-t-item-h4">
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank"> <button class="btn btn-primary">Deploy Now</button></a>
+                      <a href="https://github.com/kuaifan/dootask/tree/pro"> <button class="btn btn-primary">Deploy Now</button></a>
                     </span>
                   </div>
                   <div class="plans-ul-t-item-h4">
@@ -437,7 +437,7 @@
                   </div>
                   <div class="plans-ul-t-item-h4">
                     <span class="plans-ul-b-item-btn">
-                      <button class="btn btn-primary" onclick="showBox('Customised consultancy')">Customised consultancy</button>
+                      <button class="btn btn-primary" onclick="showBox('Customised consultancy')">Consult</button>
                     </span>
                   </div>
                 </li>
@@ -509,13 +509,15 @@
                         <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
                       </div>
                     </li>
-                    <div class="price-card-money mb-16">
+                    <li class="price-card-money mb-16">
                       <h2 class="txt-6002430 price-card-h2">¥0</h2>
                       <i class="txt-5001528 price-card-unit">/month</i>
-                    </div>
-                    <span style="display: inline-block; width: 100%;">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">Get Started</button></a>
-                    </span>
+                    </li>
+                    <li>
+                        <span style="display: inline-block; width: 100%;">
+                          <a href="https://www.dootask.com/manage/dashboard"> <button class="btn btn-primary">Get Started</button></a>
+                        </span>
+                    </li>
                   </ol>
                 </li>
                 <li class="plans-ul-768-item mb-36">
@@ -584,13 +586,15 @@
                         <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
                       </div>
                     </li>
-                    <div class="price-card-money mb-16">
+                    <li class="price-card-money mb-16">
                       <h2 class="txt-6002430 price-card-h2">¥3,000</h2>
                       <i class="txt-5001528 price-card-unit">/year</i>
-                    </div>
-                    <span style="display: inline-block; width: 100%;">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">Get Started</button></a>
-                    </span>
+                    </li>
+                    <li>
+                        <span style="display: inline-block; width: 100%;">
+                          <a href="https://www.dootask.com/manage/dashboard"> <button class="btn btn-primary">Get Started</button></a>
+                        </span>
+                    </li>
                   </ol>
                 </li>
                 <li class="plans-ul-768-item mb-24">
@@ -659,12 +663,14 @@
                         <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
                       </div>
                     </li>
-                    <div class="price-card-money mb-16">
+                    <li class="price-card-money mb-16">
                       <h2 class="txt-6002430 price-card-h2">¥18,888</h2>
-                    </div>
-                    <span style="display: inline-block; width: 100%;">
-                      <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-primary">Get Started</button></a>
-                    </span>
+                    </li>
+                    <li>
+                        <span style="display: inline-block; width: 100%;">
+                          <a href="https://www.dootask.com/manage/dashboard"> <button class="btn btn-primary">Get Started</button></a>
+                        </span>
+                    </li>
                   </ol>
                 </li>
               </ul>
@@ -718,20 +724,20 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">Community</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ Group</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                         <i class="group_num">Group：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
                 </ol>
               </li>
diff --git a/public/site/en/product.html b/public/site/en/product.html
index 2bf06e0f6..aeccb1b9e 100644
--- a/public/site/en/product.html
+++ b/public/site/en/product.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <title>DooTask</title>
   <meta name="google" value="notranslate">
-  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
+  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
   <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="shortcut icon" href="../img/favicon.ico">
@@ -68,15 +68,15 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="Dark theme">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Experience it now</button>
+              <a href="https://www.dootask.com/manage/dashboard">
+                <button class="btn btn-primary" >Try Now</button>
               </a>
             </span>
           </div>
@@ -94,7 +94,7 @@
             <h4 class="txt-4001830 topics-h4 mb-32 topics-h4-en">The product brings together various document collaboration, online mind mapping, online flowcharting, project management, task distribution, instant IM, document management and other functions</h4>
             <div class="topics-btn flex-cc">
               <span class="mr-24 get-started">
-                <a href="./price.html">
+                <a href="./price.html"  >
                   <button class="btn btn-primary mr-20">Get Started</button>
                 </a>
               </span>
@@ -104,9 +104,11 @@
       </div>
       <div class="prooduct-con">
         <ul class="prooduct-list">
-          <i class="prev" onclick="prevHandle()">
-            <img src="../img/prev.svg" alt="One product, many powerful tools">
-          </i>
+          <li>
+              <i class="prev" onclick="prevHandle()">
+                  <img src="../img/prev.svg" alt="One product, many powerful tools">
+              </i>
+          </li>
           <!-- 2个item -->
           <li class="prooduct-list-item top active" style="--delay: 0s;">
             <img class="icon first-icon" src="../img/product_icons0_h.svg" alt="Co-creation">
@@ -152,9 +154,11 @@
             <img class="icon" src="../img/product_icons8.svg" alt="Multi-platform">
             <h3 class="txt-4002025 txt">Multi-platform</h3>
           </li>
-          <i class="next" onclick="nextHandle()">
-            <img src="../img/next.svg" alt="One product, many powerful tools">
-          </i>
+          <li>
+              <i class="next" onclick="nextHandle()">
+                  <img src="../img/next.svg" alt="One product, many powerful tools">
+              </i>
+          </li>
         </ul>
         <ul class="prooduct-ul">
           <li class="details active">
@@ -407,7 +411,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support">
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -429,7 +433,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" id="theme" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -443,7 +447,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language" >
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
@@ -453,9 +457,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -583,20 +587,20 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">Community</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ group</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                         <i class="group_num">Group：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
                 </ol>
               </li>
diff --git a/public/site/en/solutions.html b/public/site/en/solutions.html
index de78eeb57..0779f7051 100644
--- a/public/site/en/solutions.html
+++ b/public/site/en/solutions.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <title>DooTask</title>
   <meta name="google" value="notranslate">
-  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
+  <meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
   <meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="shortcut icon" href="../img/favicon.ico">
@@ -68,15 +68,15 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="Dark theme">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
-                <button class="btn btn-primary" >Experience it now</button>
+              <a href="https://www.dootask.com/manage/dashboard">
+                <button class="btn btn-primary" >Try Now</button>
               </a>
             </span>
           </div>
@@ -94,7 +94,7 @@
             <h4 class="txt-4001830 topics-h4 mb-32 topics-h4-en">DooTask offers a range of solutions based on different scenarios so that you can quickly start collaborating with your team or department</h4>
             <div class="flex-cc topics-btn">
               <span class="mr-24 get-started">
-                <a href="./price.html">
+                <a href="./price.html"  >
                   <button class="btn btn-primary mr-20">Get Started</button>
                 </a>
               </span>
@@ -126,7 +126,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support" >
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -148,7 +148,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" id="theme" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -162,7 +162,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language" >
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
@@ -172,9 +172,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -294,20 +294,20 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">Community</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ group</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
                         <i class="group_num">Group：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
                 </ol>
               </li>
diff --git a/public/site/img/loading.png b/public/site/img/loading.png
new file mode 100644
index 000000000..482265801
Binary files /dev/null and b/public/site/img/loading.png differ
diff --git a/public/site/index.html b/public/site/index.html
index 064d2f142..0b92ed671 100644
--- a/public/site/index.html
+++ b/public/site/index.html
@@ -68,14 +68,14 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="img/drak.svg" alt="暗黑主题">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+              <a href="https://www.dootask.com/manage/dashboard">
                 <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
@@ -183,9 +183,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -473,20 +473,20 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">社区</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
                 </ol>
               </li>
diff --git a/public/site/zh/about.html b/public/site/zh/about.html
index d2bb9816b..ac8c882aa 100644
--- a/public/site/zh/about.html
+++ b/public/site/zh/about.html
@@ -68,14 +68,14 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="暗黑主题">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+              <a href="https://www.dootask.com/manage/dashboard">
                 <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
@@ -201,9 +201,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -265,7 +265,7 @@
                 </div>
                 <div class="footer-t-contact">
                   <img class="footer-t-contact-icon mr-12" src="../img/about_icon2.svg" alt="邮箱,service@hitosea.com">
-                  <h6 class="footer-t-contact-h6">hservice@hitosea.com</h6>
+                  <h6 class="footer-t-contact-h6">service@hitosea.com</h6>
                 </div>
               </div>
               <form class="from">
@@ -278,13 +278,14 @@
                     <i class="from-ul-tags mb-8">邮箱</i>
                     <input id="email" class="input" type="text" placeholder="请输入邮箱">
                   </li>
-                  <li class="from-ul-item mb-16">
+                  <li class="from-ul-item mb-16" id="desc_wrap">
                     <i class="from-ul-tags mb-8">留言</i>
-                    <textarea id="desc" class="textarea" cols="3" rows="8" placeholder="选填"></textarea>
+                    <textarea id="desc" class="textarea" cols="3" rows="8" placeholder="选填" oninput="limitCharacters( 255)"></textarea>
+                    <p id="characterCount">0/255</p>
                   </li>
                   <li>
                     <span class="from-submit">
-                      <button class="btn btn-primary" type="button" onclick="sendFormRequest()">提交</button>
+                      <button id="loadingWrap"  class="btn btn-primary" type="button" onclick="sendFormRequest()"><img id="submitLoading" alt="" src="../img/loading.png" />提交</button>
                     </span>
                   </li>
                 </ul>
@@ -336,25 +337,25 @@
                 </ol>
               </li>
               <li class="footer-r-item">
-                <ol class="footer-r-ol">
+                <ul class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">社区</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
-                </ol>
+                </ul>
               </li>
             </ul>
           </div>
@@ -369,7 +370,7 @@
 <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
 <script src="../js/common.js"></script>
 <script>
-  /* 数字滚动动画 */ 
+  /* 数字滚动动画 */
   const companyYearEl = document.querySelector('.company-year');
   const companyAreaEl = document.querySelector('.company-area');
   const companySizeEl = document.querySelector('.company-size');
@@ -410,7 +411,7 @@
     areaTimerId = setInterval(updateAreaNumber, 1);
     sizeTimerId = setInterval(updateSizeNumber, 1);
   }
-  /* 滑动到可视区域执行动画 */ 
+  /* 滑动到可视区域执行动画 */
   const boxes = document.querySelectorAll('.about-animate-box');
   let timerId = null
   const animateBoxes = ()=> {
@@ -426,6 +427,16 @@
       }
     });
   }
+  /* 限制表单textarea字符数 */
+  function limitCharacters( maxCharacters) {
+    const textarea = document.getElementById("desc")
+    let text = textarea.value;
+    if (text.length > maxCharacters) {
+        textarea.value = text.slice(0, maxCharacters); // 截断文本
+      text = textarea.value;
+    }
+    document.getElementById('characterCount').textContent = `${text.length}/${maxCharacters}`;
+  }
   /* 显示/隐藏提示弹框 */
   function showBox(text){
     const box = document.querySelector('.BulletBox')
@@ -464,21 +475,25 @@
                     `,
           "silence": "no"
         };
-
+        document.getElementById("submitLoading").style.display = "block"
         axios.post(url, data, { headers })
           .then(response => {
             form.reset()
+            document.getElementById("submitLoading").style.display = "none"
+            limitCharacters(255)
             showBox('提交成功！')
           })
           .catch(error => {
             form.reset()
+            document.getElementById("submitLoading").style.display = "none"
+            limitCharacters(255)
             showBox(error.message)
           });
       }
     }
-    
+
   }
   window.addEventListener('scroll', animateBoxes);
   animateBoxes();
 </script>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/site/zh/download.html b/public/site/zh/download.html
index bfbec4bc1..33de2ec2b 100644
--- a/public/site/zh/download.html
+++ b/public/site/zh/download.html
@@ -68,14 +68,14 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="暗黑主题">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+              <a href="https://www.dootask.com/manage/dashboard">
                 <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
@@ -108,10 +108,10 @@
                   <img class="icon mb-8" src="../img/dow_android.svg" alt="Android">
                   <i class="txt-4001624 txt">Android</i>
                 </a>
-                <div class="hover">
-                  <div class="mb-12" id="qrcode" style="width: 100px;height: 100px;"></div>
-                  <i class="txt-4001624 txt">扫描下载</i>
-                </div>
+                <a class="hover radius" id="winx64Link" href="https://www.dootask.com/desktop/publish/latest?platform=android" target="_blank">
+                  <img class="icon mb-8" src="../img/dow_icon.svg" alt="Android,下载">
+                  <i class="txt-4001624 txt">下载</i>
+                </a>
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.2s;" onmouseover='handleMouseover(2)' onmouseout='handleMouseout(2)'>
                 <div class="normal">
@@ -120,10 +120,10 @@
                 </div>
                 <div class="hover radius">
                   <button class="btn btn-green mb-12" style="width: 70%;">
-                    <a class="chips-txt txt-4001418" id="arm64Link" href="https://www.dootask.com/uploads/desktop/0.27.46/DooTask-v0.27.46-mac-arm64.dmg">Apple Chips</a>
+                    <a class="chips-txt txt-4001418" id="arm64Link" href="https://www.dootask.com/desktop/publish/latest?platform=mac&arch=arm64" target="_blank">Apple Chips</a>
                   </button>
                   <button class="btn btn-green" style="width: 70%;">
-                    <a class="chips-txt txt-4001418" id="x64Link" href="https://www.dootask.com/uploads/desktop/0.27.46/DooTask-v0.27.46-mac-x64.dmg">Intel Chips</a>
+                    <a class="chips-txt txt-4001418" id="x64Link" href="https://www.dootask.com/desktop/publish/latest?platform=mac&arch=x64"  target="_blank">Intel Chips</a>
                   </button>
                 </div>
               </li>
@@ -132,7 +132,7 @@
                   <img class="icon mb-8" src="../img/dow_window.svg" alt="Windows">
                   <i class="txt-4001624 txt">Windows</i>
                 </p>
-                <a class="hover radius" id="winx64Link" href="https://www.dootask.com/uploads/desktop/0.27.46/DooTask-v0.27.46-win-x64.exe">
+                <a class="hover radius" id="winx64Link" href="https://www.dootask.com/desktop/publish/latest?platform=windows&arch=x64" target="_blank">
                   <img class="icon mb-8" src="../img/dow_icon.svg" alt="Windows,下载">
                   <i class="txt-4001624 txt">下载</i>
                 </a>
@@ -211,9 +211,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -227,7 +227,7 @@
               <div class="update-l">
                 <h1 class="txt-4003645 update-h1 mb-36">更新日志</h1>
                 <ul class="update-ul">
-                  <div id="releases"></div>
+                  <li id="releases"></li>
                   <li>
                     <a href="../zh/log.html" class="more-item">
                       <h5 class="txt-4001624 more">更多日志</h5>
@@ -289,20 +289,20 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">社区</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
                 </ol>
               </li>
@@ -319,7 +319,7 @@
 <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
 <script src="../js/common.js"></script>
 <script>
-  /* 下载应用的hover处理函数 */ 
+  /* 下载应用的hover处理函数 */
 const download = document.querySelector('.download-ul');
 const downloadItems = download.querySelectorAll('.download-ul-item');
 const handleMouseover = (val)=>{
@@ -343,42 +343,7 @@ const getItem = (key)=> {
   }
   return record.value;
 }
-/* 获取仓库的更新信息处理函数 */ 
-const setHrefUrl = (data,name,dom)=>{
-  const url = data[0].assets.find(file => file.name.includes(name));
-  const link = document.getElementById(dom);
-  link.href = url.browser_download_url;
-}
-const logsItem =  getItem('logs_dowmload_zh')
-const updates = document.getElementById('releases');
-if(!logsItem) {
-  fetch('https://api.github.com/repos/kuaifan/dootask/releases')
-  .then(response => response.json())
-  .then(data => {
-    setHrefUrl(data,'arm64.dmg','arm64Link')
-    setHrefUrl(data,'x64.dmg','x64Link')
-    setHrefUrl(data,'arm64.exe','winx64Link')
-    const releases = data.slice(0, 5).map((item,index) => {
-      const { tag_name, created_at } = item;
-      const date = created_at.split('T')[0];
-      return `
-        <li class="update-item" onclick="localStorageHandle(${index+1})">
-          <h5 class="txt-4001624 update-h5">DooTask ${tag_name} 更新</h5>
-          <i class="txt-4001624 time">${date}</i>
-        </li>
-      `;
-    }).join('');
-    let record = {value: releases, expired: new Date().getTime() + 30 * 60 * 1000};
-    localStorage.setItem('logs_dowmload_zh', JSON.stringify(record))
-    updates.innerHTML = releases;
-  })
-  .catch(error => {
-    console.error(error);
-  })
-}else{
-  updates.innerHTML = logsItem;
-}
-/* 滑动到可视区域执行动画 */ 
+/* 滑动到可视区域执行动画 */
 const boxes = document.querySelectorAll('.dow-animate-box');
 const animateBoxes = ()=> {
   boxes.forEach(box => {
@@ -392,7 +357,7 @@ const animateBoxes = ()=> {
 window.addEventListener('scroll', animateBoxes);
 animateBoxes();
 
-/* 生成网页二维码二维码 */ 
+/* 生成网页二维码二维码 */
 if(window.location.host !== ''){
   const url = window.location.href;
   const matchResult = url.match(/^(.*?)(?=\/site)/);
@@ -400,4 +365,4 @@ if(window.location.host !== ''){
   new QRCode(document.getElementById('qrcode'), `${result}/site/zh/distribute.html`); // 测试
 }
 </script>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/site/zh/help.html b/public/site/zh/help.html
index 566b9c4b8..ceaf9bdb7 100644
--- a/public/site/zh/help.html
+++ b/public/site/zh/help.html
@@ -68,14 +68,14 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="暗黑主题">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+              <a href="https://www.dootask.com/manage/dashboard">
                 <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
@@ -249,9 +249,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -453,7 +453,6 @@
                       <i class="lower_triangle"></i>
                     </div>
                   </li>
-                  </li>
                 </ol>
               </li>
             </ul>
@@ -489,4 +488,4 @@ const closeHelpDraweHandle = ()=>{
   helpDrawer.classList.remove('open-help-drawer');
 }
 </script>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/site/zh/index.html b/public/site/zh/index.html
index 055608ea1..60c22cb9b 100644
--- a/public/site/zh/index.html
+++ b/public/site/zh/index.html
@@ -57,8 +57,8 @@
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
                 </li>
-                <li class="lang-pop-item" onclick="changeLanguage('en')">
-                  <i class="lang-txt" >English</i>
+                  <li class="lang-pop-item" onclick="changeLanguage('en')">
+                    <i class="lang-txt" >English</i>
                 </li>
               </ul>
             </div>
@@ -68,14 +68,14 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="暗黑主题">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+              <a href="https://www.dootask.com/manage/dashboard">
                 <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
@@ -182,9 +182,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -469,25 +469,25 @@
                 </ol>
               </li>
               <li class="footer-r-item">
-                <ol class="footer-r-ol">
+                <ul class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">社区</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
-                </ol>
+                </ul>
               </li>
             </ul>
           </div>
diff --git a/public/site/zh/log.html b/public/site/zh/log.html
index 7b2d3a543..8f14108dc 100644
--- a/public/site/zh/log.html
+++ b/public/site/zh/log.html
@@ -68,14 +68,14 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="暗黑主题">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+              <a href="https://www.dootask.com/manage/dashboard">
                 <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
@@ -167,9 +167,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -239,7 +239,7 @@ const domHandle = (html)=>{
   const rlog = document.querySelector('.logs-l-1920');
   const rlog2 = document.querySelector('.logs-l-768');
   const versions = html.match(/<h2>(.*?)<\/h2>/g).slice(0, 10);
-  
+
   const versionsNumbers = versions.map(str => str.split('<h2>[')[1].split(']</h2>')[0]);
   for (let i = 0; i < versionsNumbers.length; i++) {
     const updatesHtml = html.split(versionsNumbers[i])[1].split('<h2>')[0].match(/<li>(.*?)<\/li>/g);
@@ -247,7 +247,7 @@ const domHandle = (html)=>{
     const rLi = document.createElement('li');
     rLi.className = `l-ul-item ${i==0?'active':''}`;
     rLi.innerHTML = `
-      <a class="txt-4001620 txt" href="#section-${i+1}">v${versionsNumbers[i]} 更新</a>
+      <a class="txt-4001620 txt log-a" href="#section-${i+1}">v${versionsNumbers[i]} 更新</a>
     `;
     const rLi2 = document.createElement('li');
     rLi2.className = `l-ul-item`;
@@ -256,23 +256,22 @@ const domHandle = (html)=>{
       logsDrawer.classList.remove('open-logs-drawer');
     });
     rLi2.innerHTML = `
-      <a class="txt-4001620 txt" href="#section-${i+1}">v${versionsNumbers[i]} 更新</a>
+      <a class="txt-4001620 txt log-a" href="#section-${i+1}" >v${versionsNumbers[i]} 更新</a>
     `;
     rlog.appendChild(rLi);
     rlog2.appendChild(rLi2);
-    
     const li = document.createElement('li');
     li.className = 'r-ul-item mb-36';
     li.innerHTML = `
     <ol class="logs-r-ol">
       <li class="txt-4001624 r-ol-item mb-24"><h4 class="logs-h4" id="section-${i+1}">v${versionsNumbers[i]} 更新</h4></li>
     </ol>
-    `;
+    `
     changelog.appendChild(li);
     getUpdatesFromHtml(updatesHtmlText,li)
   }
   let updateLogNum = localStorage.getItem('update_log_num')
-  /* logs点击激活函数 */ 
+  /* logs点击激活函数 */
   let isThrottled = false;
   let timerId;
   const logs_tabs = document.querySelector('.logs-l-1920');
@@ -349,4 +348,4 @@ if(!logs) {
   domHandle(logs)
 }
 </script>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/site/zh/price.html b/public/site/zh/price.html
index 0157d503a..c3d9e2f15 100644
--- a/public/site/zh/price.html
+++ b/public/site/zh/price.html
@@ -82,14 +82,14 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="暗黑主题">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+              <a href="https://www.dootask.com/manage/dashboard">
                 <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
@@ -114,7 +114,7 @@
                   <i class="txt-5001628 price-card-unit">/月</i>
                 </div>
                 <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">人数无限制</h6>
-                <a href="https://github.com/kuaifan/dootask/tree/v0.13.0" class="start_a"  target="_blank">
+                <a href="https://github.com/kuaifan/dootask/tree/v0.13.0" class="start_a">
                     <button class="btn btn-green mb-24 ">立即部署</button> </a>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
@@ -130,7 +130,7 @@
                   <i class="txt-5001628 price-card-unit">/月</i>
                 </div>
                 <h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">最多3人</h6>
-                <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank" class="start_a">
+                <a href="https://github.com/kuaifan/dootask/tree/pro" class="start_a">
                     <button class="btn btn-green mb-24">立即部署</button> </a>
                 <ol class="price-card-ol">
                   <li class="price-card-ol-item mb-12">
@@ -281,9 +281,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -311,7 +311,7 @@
                       <i class="txt-5001628 price-card-unit">/月</i>
                     </div>
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
+                      <a href="https://github.com/kuaifan/dootask/tree/pro"> <button class="btn btn-primary">立即部署</button> </a>
                     </span>
                   </div>
                   <div class="plans-ul-t-item-h4">
@@ -428,7 +428,7 @@
                   <h4 class="plans-ul-t-item-h4"></h4>
                   <div class="plans-ul-t-item-h4">
                     <span class="plans-ul-b-item-btn">
-                      <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
+                      <a href="https://github.com/kuaifan/dootask/tree/pro"> <button class="btn btn-primary">立即部署</button> </a>
                     </span>
                   </div>
                   <div class="plans-ul-t-item-h4">
@@ -510,13 +510,15 @@
                         <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
                       </div>
                     </li>
-                    <div class="price-card-money mb-16">
+                    <li class="price-card-money mb-16">
                       <h2 class="txt-6002430 price-card-h2">¥0</h2>
                       <i class="txt-5001528 price-card-unit">/月</i>
-                    </div>
-                    <span style="display: inline-block; width: 100%;">
-                      <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank" class="start_a"> <button class="btn btn-primary">立即部署</button> </a>
-                    </span>
+                    </li>
+                    <li>
+                        <span style="display: inline-block; width: 100%;">
+                          <a href="https://github.com/kuaifan/dootask/tree/pro" class="start_a"> <button class="btn btn-primary">立即部署</button> </a>
+                        </span>
+                    </li>
                   </ol>
                 </li>
                 <li class="plans-ul-768-item mb-36">
@@ -585,13 +587,15 @@
                         <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
                       </div>
                     </li>
-                    <div class="price-card-money mb-16">
+                    <li class="price-card-money mb-16">
                       <h2 class="txt-6002430 price-card-h2">¥3,000</h2>
                       <i class="txt-5001528 price-card-unit">/年</i>
-                    </div>
-                    <span style="display: inline-block; width: 100%;">
-                      <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
-                    </span>
+                    </li>
+                    <li>
+                        <span style="display: inline-block; width: 100%;">
+                          <a href="https://github.com/kuaifan/dootask/tree/pro"> <button class="btn btn-primary">立即部署</button> </a>
+                        </span>
+                    </li>
                   </ol>
                 </li>
                 <li class="plans-ul-768-item mb-24">
@@ -660,12 +664,14 @@
                         <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
                       </div>
                     </li>
-                    <div class="price-card-money mb-16">
+                    <li class="price-card-money mb-16">
                       <h2 class="txt-6002430 price-card-h2">¥18,888</h2>
-                    </div>
-                    <span style="display: inline-block; width: 100%;">
-                      <a href="https://github.com/kuaifan/dootask/tree/pro"  target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
-                    </span>
+                    </li>
+                    <li>
+                        <span style="display: inline-block; width: 100%;">
+                          <a href="https://github.com/kuaifan/dootask/tree/pro"> <button class="btn btn-primary">立即部署</button> </a>
+                        </span>
+                    </li>
                   </ol>
                 </li>
               </ul>
@@ -719,20 +725,20 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">社区</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
                 </ol>
               </li>
diff --git a/public/site/zh/product.html b/public/site/zh/product.html
index 526952691..eb32cbd40 100644
--- a/public/site/zh/product.html
+++ b/public/site/zh/product.html
@@ -68,14 +68,14 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="暗黑主题">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+              <a href="https://www.dootask.com/manage/dashboard">
                 <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
@@ -104,57 +104,61 @@
       </div>
       <div class="prooduct-con">
         <ul class="prooduct-list">
-          <i class="prev" onclick="prevHandle()">
-            <img src="../img/prev.svg" alt="一个产品，多种强大的工具">
-          </i>
+          <li>
+              <i class="prev" onclick="prevHandle()">
+                  <img src="../img/prev.svg" alt="一个产品，多种强大的工具">
+              </i>
+          </li>
           <!-- 2个item -->
           <li class="prooduct-list-item active top" style="--delay: 0s;">
             <img class="icon first-icon" src="../img/product_icons0_h.svg" alt="协同创作">
             <h3 class="txt-4002025 txt first-txt">协同创作</h3>
           </li>
           <!-- 4个item -->
-          <li class="prooduct-list-item top"style="--delay: 0.1s;">
+          <li class="prooduct-list-item top" style="--delay: 0.1s;">
             <img class="icon" src="../img/product_icons1.svg" alt="即时沟通">
             <h3 class="txt-4002025 txt">即时沟通</h3>
           </li>
           <!-- 4个item -->
-          <li class="prooduct-list-item top"style="--delay: 0.2s;">
+          <li class="prooduct-list-item top" style="--delay: 0.2s;">
             <img class="icon" src="../img/product_icons2.svg" alt="项目管理">
             <h3 class="txt-4002025 txt">项目管理</h3>
           </li>
           <!-- 1个item -->
-          <li class="prooduct-list-item top"style="--delay: 0.3s;">
+          <li class="prooduct-list-item top" style="--delay: 0.3s;">
             <img class="icon" src="../img/product_icons3.svg" alt="任务仪表盘">
             <h3 class="txt-4002025 txt">任务仪表盘</h3>
           </li>
           <!-- 2个item -->
-          <li class="prooduct-list-item top"style="--delay: 0.4s;">
+          <li class="prooduct-list-item top" style="--delay: 0.4s;">
             <img class="icon" src="../img/product_icons4.svg" alt="任务日历">
             <h3 class="txt-4002025 txt">任务日历</h3>
           </li>
           <!-- 2个item -->
-          <li class="prooduct-list-item bot"style="--delay: 0.5s;">
+          <li class="prooduct-list-item bot" style="--delay: 0.5s;">
             <img class="icon" src="../img/product_icons5.svg" alt="机器人助手">
             <h3 class="txt-4002025 txt">机器人助手</h3>
           </li>
           <!-- 2个item -->
-          <li class="prooduct-list-item bot"style="--delay: 0.6s;">
+          <li class="prooduct-list-item bot" style="--delay: 0.6s;">
             <img class="icon" src="../img/product_icons6.svg" alt="团队管理">
             <h3 class="txt-4002025 txt">团队管理</h3>
           </li>
           <!-- 2个item -->
-          <li class="prooduct-list-item bot"style="--delay: 0.7s;">
+          <li class="prooduct-list-item bot" style="--delay: 0.7s;">
             <img class="icon" src="../img/product_icons7.svg" alt="端到端加密">
             <h3 class="txt-4002025 txt">端到端加密</h3>
           </li>
           <!-- 1个item -->
-          <li class="prooduct-list-item bot"style="--delay: 0.8s;">
+          <li class="prooduct-list-item bot" style="--delay: 0.8s;">
             <img class="icon" src="../img/product_icons8.svg" alt="多平台应用">
             <h3 class="txt-4002025 txt">多平台应用</h3>
           </li>
-          <i class="next" onclick="nextHandle()">
-            <img src="../img/next.svg" alt="一个产品，多种强大的工具">
-          </i>
+          <li>
+              <i class="next" onclick="nextHandle()">
+                  <img src="../img/next.svg" alt="一个产品，多种强大的工具">
+              </i>
+          </li>
         </ul>
         <ul class="prooduct-ul">
           <li class="details active">
@@ -453,9 +457,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -585,20 +589,20 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">社区</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
                 </ol>
               </li>
diff --git a/public/site/zh/solutions.html b/public/site/zh/solutions.html
index 2c7971b8e..1639d2015 100644
--- a/public/site/zh/solutions.html
+++ b/public/site/zh/solutions.html
@@ -68,14 +68,14 @@
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
               <img src="../img/drak.svg" alt="暗黑主题">
             </i>
-            <a href="https://github.com/kuaifan/dootask" target="_blank">
+            <a href="https://github.com/kuaifan/dootask">
               <i class="nav-r-icon">
                 <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
             <span class="get-started">
-              <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
+              <a href="https://www.dootask.com/manage/dashboard">
                 <button class="btn btn-primary" >立即体验</button>
               </a>
             </span>
@@ -172,9 +172,9 @@
           </ol>
         </li>
         <li class="drawer-item-b">
-          <li class="drawer-item">
-            <a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
-          </li>
+          <div class="drawer-item">
+            <a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
+          </div>
         </li>
       </ul>
     </div>
@@ -295,20 +295,20 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">社区</li>
                   <li class="footer-ol-item">
-                    <li class="footer-ol-item mb-16">
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
-                    </li>
-                    <li class="footer-ol-item mb-16">
+                    </div>
+                    <div class="footer-ol-item mb-16">
                       <i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
-                    </li>
-                    <li class="footer-ol-item" id="qq_group">
+                    </div>
+                    <div class="footer-ol-item" id="qq_group">
                       <i class="txt-4001624 txt">QQ 群</i>
                       <div class="group_code">
                         <img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
-                    </li>
+                    </div>
                   </li>
                 </ol>
               </li>