diff --git a/public/site/site/en/about.html b/public/site/en/about.html
similarity index 90%
rename from public/site/site/en/about.html
rename to public/site/en/about.html
index 0d6dc444a..a5a6cc6b2 100644
--- a/public/site/site/en/about.html
+++ b/public/site/en/about.html
@@ -5,12 +5,12 @@
   <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="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <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">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/about.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/about.css">
 </head>
 <body>
   <div class="BulletBox"></div>
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Light theme">
+              <img src="../img/light.svg" alt="Light theme">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -118,7 +118,7 @@
       <article class="company-profile">
         <div class="company-profile-con">
           <div class="company-profile-layout">
-            <img class="company-profile-l" id="about_pic1" src="../../img/light/about_pic1.png" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
+            <img class="company-profile-l" id="about_pic1" src="../img/light/about_pic1.png" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
             <div class="company-profile-r">
               <h1 class="txt-5004455 company-profile-h1 mb-80">
                 Company profile
@@ -136,7 +136,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -152,7 +152,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <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;">
@@ -174,7 +174,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <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;">
@@ -188,7 +188,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <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;">
@@ -219,37 +219,37 @@
               <ul class="scenario-app-ul">
                 <li class="scenario-app-ul-item mb-32 about-animate-box" style="--delay: 0s;">
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon7.svg" alt="Edge Security">
+                    <img class="scenario-app-icon" src="../img/about_icon7.svg" alt="Edge Security">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">Edge Security</h5>
                   <h6 class="txt-4001624 scenario-app-h6">HITOSEA next-generation firewall, intrusion prevention/intrusion detection system, cloud sandbox and other products provide users with comprehensive intelligent security protection such as access control to network boundaries, deep attack detection and APT attack detection.</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/01.svg" alt="">
+                  <img class="scenario-app-ul-item-svg" src="../img/01.svg" alt="">
                 </li>
                 <li class="scenario-app-ul-item mb-32 about-animate-box" style="--delay: 0.1s;">
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon8.svg" alt="Cloud Security">
+                    <img class="scenario-app-icon" src="../img/about_icon8.svg" alt="Cloud Security">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">Cloud Security</h5>
                   <h6 class="txt-4001624 scenario-app-h6">We provide safe and reliable high-proof cloud servers to solve the primary network security risks faced by servers, alleviate the risk of business interruption due to flooding attacks, and meet the needs of regular security operations.</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/02.svg" alt="">
+                  <img class="scenario-app-ul-item-svg" src="../img/02.svg" alt="">
                 </li>
                 <li class="scenario-app-ul-item about-animate-box" style="--delay: 0.3s;">
                   <i class="scenario-app-ul-item-icon-num"></i>
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon9.svg" alt="Data Security">
+                    <img class="scenario-app-icon" src="../img/about_icon9.svg" alt="Data Security">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">Data Security</h5>
                   <h6 class="txt-4001624 scenario-app-h6">Database audit and data leakage protection system can protect sensitive data and documents, identify data and monitor operations, and block data theft by internal and external personnel through the network, e-mail and other channels.</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/03.svg" alt="">
+                  <img class="scenario-app-ul-item-svg" src="../img/03.svg" alt="">
                 </li>
                 <li class="scenario-app-ul-item about-animate-box" style="--delay: 0.4s;">
                   <i class="scenario-app-ul-item-icon-num"></i>
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon10.svg" alt="Intranet Security">
+                    <img class="scenario-app-icon" src="../img/about_icon10.svg" alt="Intranet Security">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">Intranet Security</h5>
                   <h6 class="txt-4001624 scenario-app-h6">Web application firewall and web anti-tampering system provide overall security protection for the application system, effectively blocking malicious behaviors such as web tampering and attacks.</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/04.svg" alt="">
+                  <img class="scenario-app-ul-item-svg" src="../img/04.svg" alt="">
                 </li>
               </ul>
             </div>
@@ -262,11 +262,11 @@
                 <h1 class="footer-t-h1 mb-56">We'd love to hear from you</h1>
                 <h6 class="footer-t-h6 mb-56">Have questions about pricing, plans or products? Please fill out the form and we will contact you.</h6>
                 <div class="footer-t-contact mb-24">
-                  <img class="footer-t-contact-icon mr-12" src="../../img/about_icon1.svg" alt="Contact telephone number,13471168831">
+                  <img class="footer-t-contact-icon mr-12" src="../img/about_icon1.svg" alt="Contact telephone number,13471168831">
                   <h6 class="footer-t-contact-h6">13471168831</h6>
                 </div>
                 <div class="footer-t-contact">
-                  <img class="footer-t-contact-icon mr-12" src="../../img/about_icon2.svg" alt="E-mail,hitosea@gmail.com">
+                  <img class="footer-t-contact-icon mr-12" src="../img/about_icon2.svg" alt="E-mail,hitosea@gmail.com">
                   <h6 class="footer-t-contact-h6">hitosea@gmail.com</h6>
                 </div>
               </div>
@@ -302,7 +302,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../en/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -350,7 +350,7 @@
                     <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">
+                        <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>
@@ -362,14 +362,14 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
 <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 数字滚动动画 */ 
   const companyYearEl = document.querySelector('.company-year');
diff --git a/public/site/site/en/distribute.html b/public/site/en/distribute.html
similarity index 85%
rename from public/site/site/en/distribute.html
rename to public/site/en/distribute.html
index 8cf3e0c64..f76178d8b 100644
--- a/public/site/site/en/distribute.html
+++ b/public/site/en/distribute.html
@@ -5,25 +5,25 @@
   <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="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <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">
-	<link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/distribution.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+	<link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" href="../css/distribution.css">
 </head>
 <body>
 	<main class="distrbution">
-		<img class="bg_fpic1" src="../../img/bg_fpic1.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
-		<img class="bg_fpic2" src="../../img/bg_fpic2.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
+		<img class="bg_fpic1" src="../img/bg_fpic1.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
+		<img class="bg_fpic2" src="../img/bg_fpic2.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
 		<section>
 			<div class="content">
 				<div class="layout" id="target">
-					<img class="icon1" src="../../img/logo_y.svg" alt="DooTask">
+					<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>
 					</div>
 					<div class="name">
-						<img class="icon2" src="../../img/android_y.svg" alt="安卓,abdroid">
+						<img class="icon2" src="../img/android_y.svg" alt="安卓,abdroid">
 						<i class="">DooTask</i>
 					</div>
 					<div class="scan">
diff --git a/public/site/site/en/download.html b/public/site/en/download.html
similarity index 88%
rename from public/site/site/en/download.html
rename to public/site/en/download.html
index cf0af3b36..6f275a479 100644
--- a/public/site/site/en/download.html
+++ b/public/site/en/download.html
@@ -5,12 +5,12 @@
   <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="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <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">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/download.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/download.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Brighter themes">
+              <img src="../img/light.svg" alt="Brighter themes">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -95,17 +95,17 @@
             <ul class="download-ul">
               <li class="download-ul-item dow-animate-box" style="--delay: 0s;" onmouseover='handleMouseover(0)' onmouseout='handleMouseout(0)'>
                 <a class="normal" href="https://apps.apple.com/cn/app/dootask/id1624855111">
-                  <img class="icon mb-8" src="../../img/dow_ios.svg" alt="ios">
+                  <img class="icon mb-8" src="../img/dow_ios.svg" alt="ios">
                   <i class="txt-4001624 txt">ios</i>
                 </a>
                 <div class="hover">
-                  <img class="qr-code mb-8" src="../../img/ios_code.png" alt="Scan download,ios">
+                  <img class="qr-code mb-8" src="../img/ios_code.png" alt="Scan download,ios">
                   <i class="txt-4001624 txt">Scan download</i>
                 </div>
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.1s;" onmouseover='handleMouseover(1)' onmouseout='handleMouseout(1)'>
                 <a class="normal" href="https://www.dootask.com/desktop/publish/latest?platform=android">
-                  <img class="icon mb-8" src="../../img/dow_android.svg" alt="Android">
+                  <img class="icon mb-8" src="../img/dow_android.svg" alt="Android">
                   <i class="txt-4001624 txt">Android</i>
                 </a>
                 <div class="hover">
@@ -115,7 +115,7 @@
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.2s;" onmouseover='handleMouseover(2)' onmouseout='handleMouseout(2)'>
                 <div class="normal">
-                  <img class="icon mb-8" src="../../img/dow_mac.svg" alt="macOS">
+                  <img class="icon mb-8" src="../img/dow_mac.svg" alt="macOS">
                   <i class="txt-4001624 txt">macOS</i>
                 </div>
                 <div class="hover radius">
@@ -129,11 +129,11 @@
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.3s;" onmouseover='handleMouseover(3)' onmouseout='handleMouseout(3)'>
                 <div class="normal">
-                  <img class="icon mb-8" src="../../img/dow_window.svg" alt="Windows">
+                  <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">
-                  <img class="icon mb-8" src="../../img/dow_icon.svg" alt="Windows,download">
+                  <img class="icon mb-8" src="../img/dow_icon.svg" alt="Windows,download">
                   <i class="txt-4001624 txt">download</i>
                 </a>
               </li>
@@ -146,7 +146,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -162,7 +162,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <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;">
@@ -184,7 +184,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <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;">
@@ -198,7 +198,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <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;">
@@ -232,13 +232,13 @@
                     <li>
                       <a class="more-item" href="../en/log.html">
                         <h5 class="txt-4001624 more">More Logs</h5>
-                        <img class="icon" src="../../img/dow_arrow.svg" alt="More Logs">
+                        <img class="icon" src="../img/dow_arrow.svg" alt="More Logs">
                       </a>
                     </li>
                   </ul>
                 </div>
                 <div class="update-r">
-                  <img class="update-r-svg" id="dow_pic1" src="../../img/light/zh_dow_pic1.png" alt="Download Centre">
+                  <img class="update-r-svg" id="dow_pic1" src="../img/light/zh_dow_pic1.png" alt="Download Centre">
                 </div>
               </div>
             </div>
@@ -252,7 +252,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../en/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -300,7 +300,7 @@
                     <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">
+                        <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>
@@ -312,14 +312,14 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
 <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 下载应用的hover处理函数 */ 
 const download = document.querySelector('.download-ul');
diff --git a/public/site/site/en/help.html b/public/site/en/help.html
similarity index 92%
rename from public/site/site/en/help.html
rename to public/site/en/help.html
index ab88bfbd6..aeec73bb7 100644
--- a/public/site/site/en/help.html
+++ b/public/site/en/help.html
@@ -5,12 +5,12 @@
   <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="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <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">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/help.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/help.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Brighter themes">
+              <img src="../img/light.svg" alt="Brighter themes">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -90,7 +90,7 @@
     <div class="help-drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeHelpDraweHandle()">✕</i>
@@ -184,7 +184,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -200,7 +200,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <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;">
@@ -222,7 +222,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <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;">
@@ -236,7 +236,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <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;">
@@ -262,7 +262,7 @@
         <article class="help">
           <div class="help-con">
             <div class="help-t-768" id="help-menu-btn">
-              <img class="help-t-prev" src="../../img/prev.svg" alt="Help Center">
+              <img class="help-t-prev" src="../img/prev.svg" alt="Help Center">
               <i class="help-t-tit">Help Center</i>
             </div>
             <div class="help-layout">
@@ -358,8 +358,8 @@
               </div>
               <div class="help-r">
                 <div class="help-pic1 mb-36">
-                  <img id="help-pic1-svg" class="theme_light" src="../../img/light/help_pic11.svg" alt="Just starting out with DooTask? No problem, this primer is for you!">
-                  <img id="help-pic1-svg" class="theme_dark" src="../../img/dark/help_pic11.svg" alt="Just starting out with DooTask? No problem, this primer is for you!">
+                  <img id="help-pic1-svg" class="theme_light" src="../img/light/help_pic11.svg" alt="Just starting out with DooTask? No problem, this primer is for you!">
+                  <img id="help-pic1-svg" class="theme_dark" src="../img/dark/help_pic11.svg" alt="Just starting out with DooTask? No problem, this primer is for you!">
                   <div class="help-pic1-tips">
                     <h2 class="help-pic1-tips-h2 txt-6003652">User Manual</h2>
                     <h6 class="help-pic1-tips-h6 txt-4001624">Just starting out with DooTask? No problem, this primer is for you!</h6>
@@ -373,7 +373,7 @@
                   <li class="r-ul-item mb-36">
                     <h4 class="txt-5002430 help-h4 mb-24">What is task management?</h4>
                     <h6 class="txt-4001624 help-h6 mb-16">Task management is the process of monitoring your project's tasks through their various stages from start to finish. This involves actively making decisions for your tasks to accommodate changes that can occur real-time, with your end goal being the successful completion of your tasks. Project task management also means managing all aspects of a task like budget, time, scope, resources, recurrence and so on effectively.</h6>
-                    <img class="r-ul-item-pic1" id="help_pic2" src="../../img/light/help_pic2.png" alt="What is task management?">
+                    <img class="r-ul-item-pic1" id="help_pic2" src="../img/light/help_pic2.png" alt="What is task management?">
                   </li>
                   <li class="r-ul-item mb-36">
                     <h4 class="txt-5002430 help-h4 mb-24">How to manage tasks?</h4>
@@ -381,7 +381,7 @@
                     <h6 class="txt-4001624 help-h6 mb-12"><i class="help-h6-bold">Prioritization: </i>Whatever tool you use to manage your tasks, whether a simple to-do list or a comprehensive project task management tool, the most important aspect of task management is prioritization. This helps in efficiently completing all the tasks involved while maintaining the planned constraints.</h6>
                     <h6 class="txt-4001624 help-h6 mb-12"><i class="help-h6-bold">Milestone tracking: </i>The findings of this study also show that establishing clear goals is essential to the successful completion of a project. Although for task management an end goal isn't necessary, defining milestones helps motivate teams to execute tasks successfully.</h6>
                     <h6 class="txt-4001624 help-h6 mb-16"><i class="help-h6-bold">Schedule management: </i>Making sure your task gets completed on time is something that has an impact on the overall project health. Attributing the right time frame by estimating the effort involved is key here.</h6>
-                    <img class="r-ul-item-pic1" id="help_pic3" src="../../img/light/help_pic3.png" alt="How to manage tasks?">
+                    <img class="r-ul-item-pic1" id="help_pic3" src="../img/light/help_pic3.png" alt="How to manage tasks?">
                   </li>
                   <li class="r-ul-item mb-36">
                     <h4 class="txt-5002430 help-h4 mb-24">How to choose the right task management software?</h4>
@@ -400,7 +400,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../en/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -448,7 +448,7 @@
                   <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">
+                      <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>
@@ -460,13 +460,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
 /* 菜单点击激活函数 */ 
 const tabs = document.querySelector('.help-l-1920');
diff --git a/public/site/site/en/index.html b/public/site/en/index.html
similarity index 82%
rename from public/site/site/en/index.html
rename to public/site/en/index.html
index 3923e9a26..36c483eba 100644
--- a/public/site/site/en/index.html
+++ b/public/site/en/index.html
@@ -5,12 +5,12 @@
   <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="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <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">
-  <link rel="stylesheet" type="text/css" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" type="text/css" href="../../css/home.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" type="text/css" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" type="text/css" href="../css/home.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Brighter theme">
+              <img src="../img/light.svg" alt="Brighter theme">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -108,7 +108,7 @@
             </div>
           </div>
           <div class="ten_img">
-            <img class="home-pic" id="home_pic" src="../../img/light/zh_home_pic1.png" alt="DooTask,Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
+            <img class="home-pic" id="home_pic" src="../img/light/zh_home_pic1.png" alt="DooTask,Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
           </div>
         </div>
       </div>
@@ -117,7 +117,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -133,7 +133,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <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;">
@@ -155,7 +155,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <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;">
@@ -169,7 +169,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <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;">
@@ -198,16 +198,16 @@
             <h1 class="companies-h1 txt-4003645">Trusted by many companies</h1>
             <ul class="companies-ul">
               <li class="companies-ul-item">
-                <img id="home_icon1" src="../../img/light/home_icon1.png" alt="陕建集团">
+                <img id="home_icon1" src="../img/light/home_icon1.png" alt="陕建集团">
               </li>
               <li class="companies-ul-item">
-                <img id="home_icon2" src="../../img/light/home_icon2.png" alt="艾特科">
+                <img id="home_icon2" src="../img/light/home_icon2.png" alt="艾特科">
               </li>
               <li class="companies-ul-item">
-                <img id="home_icon3" src="../../img/light/home_icon3.png" alt="中国联通">
+                <img id="home_icon3" src="../img/light/home_icon3.png" alt="中国联通">
               </li>
               <li class="companies-ul-item">
-                <img id="home_icon4" src="../../img/light/home_icon4.png" alt="旗雲科技">
+                <img id="home_icon4" src="../img/light/home_icon4.png" alt="旗雲科技">
               </li>
             </ul>
           </div>
@@ -219,77 +219,77 @@
             <div class="card-con-layout">
               <ul class="card-ul">
                 <li class="card-ul-item active">
-                  <img class="icon" src="../../img/home_icon1.svg" alt="Project Management">
+                  <img class="icon" src="../img/home_icon1.svg" alt="Project Management">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">Project Management</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="Project Management">
+                    <img class="arrows" src="../img/vector.svg" alt="Project Management">
                   </div>
                   <div class="card-ul-item-expand" >
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">Project Management</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
+                      <img class="arrows" src="../img/vector.svg" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon2.svg" alt="Teamwork">
+                  <img class="icon" src="../img/home_icon2.svg" alt="Teamwork">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">Teamwork</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="Teamwork">
+                    <img class="arrows" src="../img/vector.svg" alt="Teamwork">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">Teamwork</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.">
+                      <img class="arrows" src="../img/vector.svg" alt="Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon3.svg" alt="Task Synergy">
+                  <img class="icon" src="../img/home_icon3.svg" alt="Task Synergy">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">Task Synergy</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="Task Synergy">
+                    <img class="arrows" src="../img/vector.svg" alt="Task Synergy">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">Task Synergy</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.">
+                      <img class="arrows" src="../img/vector.svg" alt="A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon4.svg" alt="Performance Measurement">
+                  <img class="icon" src="../img/home_icon4.svg" alt="Performance Measurement">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">Performance Measurement</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="Performance Measurement">
+                    <img class="arrows" src="../img/vector.svg" alt="Performance Measurement">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">Performance Measurement</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.">
+                      <img class="arrows" src="../img/vector.svg" alt="Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon5.svg" alt="Communication Report">
+                  <img class="icon" src="../img/home_icon5.svg" alt="Communication Report">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">Communication Report</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="Communication Report">
+                    <img class="arrows" src="../img/vector.svg" alt="Communication Report">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">Communication Report</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="Instant messaging and sharing based on work scenarios for better team communication.">
+                      <img class="arrows" src="../img/vector.svg" alt="Instant messaging and sharing based on work scenarios for better team communication.">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Instant messaging and sharing based on work scenarios for better team communication.</i> 
                   </div>
                 </li>
               </ul>
-              <img class="card-pic" id="home_pic2" src="../../img/light/zh_home_pic2.png" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
+              <img class="card-pic" id="home_pic2" src="../img/light/zh_home_pic2.png" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
             </div>
           </div>
           <div class="card-con-768">
@@ -297,34 +297,34 @@
             <div class="card-con-layout">
               <ul class="card-768-ul">
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon1.svg" alt="Project Management">
+                  <img class="icon" src="../img/home_icon1.svg" alt="Project Management">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">Project Management</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.</i> 
-                  <img class="card-pic mb-40" id="home_pic2" src="../../img/light/zh_home_pic2.png" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
+                  <img class="card-pic mb-40" id="home_pic2" src="../img/light/zh_home_pic2.png" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon2.svg" alt="Teamwork">
+                  <img class="icon" src="../img/home_icon2.svg" alt="Teamwork">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">Teamwork</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.</i> 
-                  <img class="card-pic mb-40" id="home_pic3" src="../../img/light/zh_home_pic3.png" alt="Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.">
+                  <img class="card-pic mb-40" id="home_pic3" src="../img/light/zh_home_pic3.png" alt="Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon3.svg" alt="Task Synergy">
+                  <img class="icon" src="../img/home_icon3.svg" alt="Task Synergy">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">Task Synergy</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.</i> 
-                  <img class="card-pic mb-40" id="home_pic4" src="../../img/light/zh_home_pic4.png" alt="A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.">
+                  <img class="card-pic mb-40" id="home_pic4" src="../img/light/zh_home_pic4.png" alt="A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon4.svg" alt="Performance Measurement">
+                  <img class="icon" src="../img/home_icon4.svg" alt="Performance Measurement">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">Performance Measurement</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.</i> 
-                  <img class="card-pic mb-40" id="home_pic5" src="../../img/light/zh_home_pic5.png" alt="Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.">
+                  <img class="card-pic mb-40" id="home_pic5" src="../img/light/zh_home_pic5.png" alt="Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon5.svg" alt="Communication Report">
+                  <img class="icon" src="../img/home_icon5.svg" alt="Communication Report">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">Communication Report</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">Instant messaging and sharing based on work scenarios for better team communication.</i> 
-                  <img class="card-pic" id="home_pic6" src="../../img/light/zh_home_pic6.png" alt="Instant messaging and sharing based on work scenarios for better team communication.">
+                  <img class="card-pic" id="home_pic6" src="../img/light/zh_home_pic6.png" alt="Instant messaging and sharing based on work scenarios for better team communication.">
                 </li>
               </ul>
             </div>
@@ -372,7 +372,7 @@
             </ul>
           </div>
           <div class="choose-con-768">
-            <h1 class="txt-5004455 choose-con-tit">Why Choose Us<img class="arcs2" src="../../img/arcs.svg" alt=""></h1>
+            <h1 class="txt-5004455 choose-con-tit">Why Choose Us<img class="arcs2" src="../img/arcs.svg" alt=""></h1>
             <div class="choose-con-768-box">
               <ul class="choose-con-768-ul">
                 <li class="choose-con-768-item active">
@@ -412,10 +412,10 @@
           </div>
         </article> 
         <article class="collaboration">
-          <img id="home_pic7" class="home_pic7" src="../../img/light/home_pic7.svg" alt="Turn on your Dootask team collaboration">
-          <img id="home_pic7_768" class="home_pic7_768" src="../../img/light/home_pic7_768.svg" alt="Turn on your Dootask team collaboration">
+          <img id="home_pic7" class="home_pic7" src="../img/light/home_pic7.svg" alt="Turn on your DooTask team collaboration">
+          <img id="home_pic7_768" class="home_pic7_768" src="../img/light/home_pic7_768.svg" alt="Turn on your DooTask team collaboration">
           <div class="collaboration-content collaboration-content-en">
-            <h1 class="collaboration-txt txt-5002835 mb-32">Turn on your Dootask team collaboration</h1>
+            <h1 class="collaboration-txt txt-5002835 mb-32">Turn on your DooTask team collaboration</h1>
             <div style="display: flex;">
               <span class="mr-24" style="width: 123px; display: inline-block;">
                 <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
@@ -433,7 +433,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../en/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -481,7 +481,7 @@
                     <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">
+                        <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>
@@ -493,13 +493,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 功能卡片切换函数 */ 
   const tabs = document.querySelector('.card-ul');
@@ -513,7 +513,7 @@
       // 切换激活状态
       for (let [index,value] of tabItems.entries()) {
         if(value === clickedItem){
-          funImg.setAttribute('src', `../../img/${theme?theme:'light'}/${lang}_home_pic${index+2}.png`)
+          funImg.setAttribute('src', `../img/${theme?theme:'light'}/${lang}_home_pic${index+2}.png`)
         }
         value.classList.toggle('active', value === clickedItem);
       }
diff --git a/public/site/site/en/log.html b/public/site/en/log.html
similarity index 89%
rename from public/site/site/en/log.html
rename to public/site/en/log.html
index 4d3aaa638..488d52d88 100644
--- a/public/site/site/en/log.html
+++ b/public/site/en/log.html
@@ -5,12 +5,12 @@
   <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="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <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">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/log.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/log.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Light theme">
+              <img src="../img/light.svg" alt="Light theme">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -90,7 +90,7 @@
     <div class="logs-drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeLogsDraweHandle()">✕</i>
@@ -102,7 +102,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -118,7 +118,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <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;">
@@ -140,7 +140,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <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;">
@@ -154,7 +154,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <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;">
@@ -180,7 +180,7 @@
         <article class="logs">
           <div class="logs-con">
             <div class="logs-t-768" id="menuBtn-logs">
-              <img class="logs-t-prev" src="../../img/prev.svg" alt="Logs">
+              <img class="logs-t-prev" src="../img/prev.svg" alt="Logs">
               <i class="logs-t-tit">Logs</i>
             </div>
             <div class="logs-layout">
@@ -200,14 +200,14 @@
     <footer>
       <div class="footer-con">
         <div class="filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
 <script src="https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js"></script>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
 const getItem = (key)=> {
   var record = JSON.parse(localStorage.getItem(key));
diff --git a/public/site/site/en/price.html b/public/site/en/price.html
similarity index 82%
rename from public/site/site/en/price.html
rename to public/site/en/price.html
index d6a128728..f566ec76a 100644
--- a/public/site/site/en/price.html
+++ b/public/site/en/price.html
@@ -5,12 +5,12 @@
   <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="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <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">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/price.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/price.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Light theme">
+              <img src="../img/light.svg" alt="Light theme">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -103,7 +103,7 @@
                 <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-green mb-24">Get Started</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">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
                     <h6 class="txt-4001624 price-card-h6">Support for private deployment</h6>
                   </li>
                 </ol>
@@ -118,15 +118,15 @@
                 <a href="https://www.dootask.com/manage/dashboard"  target="_blank">  <button class="btn btn-green mb-24">Get Started</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">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
                     <h6 class="txt-4001624 price-card-h6">Support for private deployment</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Technical advisory services">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Technical advisory services">
                     <h6 class="txt-4001624 price-card-h6">Technical advisory services</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="24-hour service response">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="24-hour service response">
                     <h6 class="txt-4001624 price-card-h6">24-hour service response</h6>
                   </li>
                 </ol>
@@ -140,23 +140,23 @@
                 <a href="https://www.dootask.com/manage/dashboard"  target="_blank">  <button class="btn btn-green mb-24">Get Started</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">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
                     <h6 class="txt-4001624 price-card-h6">Support for private deployment</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Technical advisory services">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Technical advisory services">
                     <h6 class="txt-4001624 price-card-h6">Technical advisory services</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Logo customisation">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Logo customisation">
                     <h6 class="txt-4001624 price-card-h6">Logo customisation</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Dedicated Account Manager">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Dedicated Account Manager">
                     <h6 class="txt-4001624 price-card-h6">Dedicated Account Manager</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="12-hour service response">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="12-hour service response">
                     <h6 class="txt-4001624 price-card-h6">12-hour service response</h6>
                   </li>
                 </ol>
@@ -170,23 +170,23 @@
                 <a href="https://www.dootask.com/manage/dashboard"  target="_blank">  <button class="btn btn-green mb-24">Get Started</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">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
                     <h6 class="txt-4001624 price-card-h6">Support for private deployment</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Technical advisory services">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Technical advisory services">
                     <h6 class="txt-4001624 price-card-h6">Technical advisory services</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Logo customisation">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Logo customisation">
                     <h6 class="txt-4001624 price-card-h6">Logo customisation</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Dedicated Account Manager">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Dedicated Account Manager">
                     <h6 class="txt-4001624 price-card-h6">Dedicated Account Manager</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="12-hour service response">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="12-hour service response">
                     <h6 class="txt-4001624 price-card-h6">12-hour service response</h6>
                   </li>
                 </ol>
@@ -200,7 +200,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -216,7 +216,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <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;">
@@ -238,7 +238,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <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;">
@@ -252,7 +252,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <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;">
@@ -348,33 +348,33 @@
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Multi-view presentation (Kanban/calendar/list)</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Task custom Fields</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task custom Fields">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task custom Fields">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task custom Fields">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Task loop</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task loop">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task loop">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task loop">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Task mapping</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task mapping">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task mapping">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task mapping">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Task dependencies</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task dependencies">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task dependencies">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task dependencies">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
                     </li>
                   </ol>
                 </li>
@@ -385,27 +385,27 @@
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Project progress</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project progress">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project progress">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project progress">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Project templates</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project templates">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project templates">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project templates">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Project custom Views</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project custom Views">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project custom Views">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project custom Views">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">Timeline view (Gantt chart)</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
                     </li>
                   </ol>
                 </li>
@@ -455,23 +455,23 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation (Kanban/calendar/list)</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task custom Fields</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task custom Fields">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task loop</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task loop">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task mapping</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task mapping">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task dependencies</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task dependencies">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
                       </div>
                     </li>
                     <li class="plans-ol-768-item">
@@ -480,19 +480,19 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project progress</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project progress">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project templates</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project templates">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project custom Views</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project custom Views">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Timeline view (Gantt chart)</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
+                        <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">
@@ -530,23 +530,23 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation (Kanban/calendar/list)</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task custom Fields</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task custom Fields">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task loop</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task loop">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task mapping</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task mapping">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task dependencies</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task dependencies">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
                       </div>
                     </li>
                     <li class="plans-ol-768-item">
@@ -555,19 +555,19 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project progress</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project progress">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project templates</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project templates">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project custom Views</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project custom Views">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Timeline view (Gantt chart)</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
+                        <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">
@@ -605,23 +605,23 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Multi-view presentation (Kanban/calendar/list)</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation (Kanban/calendar/list)">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task custom Fields</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task custom Fields">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task custom Fields">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task loop</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task loop">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task loop">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task mapping</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task mapping">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task mapping">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Task dependencies</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Task dependencies">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Task dependencies">
                       </div>
                     </li>
                     <li class="plans-ol-768-item">
@@ -630,19 +630,19 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project progress</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project progress">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project templates</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project templates">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Project custom Views</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Project custom Views">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project custom Views">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">Timeline view (Gantt chart)</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
+                        <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">
@@ -665,7 +665,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="#" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -713,7 +713,7 @@
                     <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">
+                        <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>
@@ -725,13 +725,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js">
+<script src="../js/common.js">
 </script>
 <script>
   /* 价格卡片切换函数 */ 
diff --git a/public/site/site/en/product.html b/public/site/en/product.html
similarity index 83%
rename from public/site/site/en/product.html
rename to public/site/en/product.html
index 4f4e86602..1ad972ff8 100644
--- a/public/site/site/en/product.html
+++ b/public/site/en/product.html
@@ -5,12 +5,12 @@
   <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="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <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">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/product.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/product.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Light theme">
+              <img src="../img/light.svg" alt="Light theme">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -105,62 +105,62 @@
       <div class="prooduct-con">
         <ul class="prooduct-list">
           <i class="prev" onclick="prevHandle()">
-            <img src="../../img/prev.svg" alt="One product, many powerful tools">
+            <img src="../img/prev.svg" alt="One product, many powerful tools">
           </i>
           <!-- 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">
+            <img class="icon first-icon" src="../img/product_icons0_h.svg" alt="Co-creation">
             <h3 class="txt-4002025 txt first-txt">Co-creation</h3>
           </li>
           <!-- 4个item -->
           <li class="prooduct-list-item top" style="--delay: 0.1s;">
-            <img class="icon" src="../../img/product_icons1.svg" alt="Instant Messaging">
+            <img class="icon" src="../img/product_icons1.svg" alt="Instant Messaging">
             <h3 class="txt-4002025 txt">Instant Messaging</h3>
           </li>
           <!-- 4个item -->
           <li class="prooduct-list-item top" style="--delay: 0.2s;">
-            <img class="icon" src="../../img/product_icons2.svg" alt="Project Mgmt">
+            <img class="icon" src="../img/product_icons2.svg" alt="Project Mgmt">
             <h3 class="txt-4002025 txt">Project Mgmt</h3>
           </li>
           <!-- 1个item -->
           <li class="prooduct-list-item top" style="--delay: 0.3s;">
-            <img class="icon" src="../../img/product_icons3.svg" alt="Task Dashboard">
+            <img class="icon" src="../img/product_icons3.svg" alt="Task Dashboard">
             <h3 class="txt-4002025 txt">Task Dashboard</h3>
           </li>
           <!-- 2个item -->
           <li class="prooduct-list-item top" style="--delay: 0.4s;">
-            <img class="icon" src="../../img/product_icons4.svg" alt="Task Calendar">
+            <img class="icon" src="../img/product_icons4.svg" alt="Task Calendar">
             <h3 class="txt-4002025 txt">Task Calendar</h3>
           </li>
           <!-- 2个item -->
           <li class="prooduct-list-item bot" style="--delay: 0.5s;">
-            <img class="icon" src="../../img/product_icons5.svg" alt="Bot Assistant">
+            <img class="icon" src="../img/product_icons5.svg" alt="Bot Assistant">
             <h3 class="txt-4002025 txt">Bot Assistant</h3>
           </li>
           <!-- 2个item -->
           <li class="prooduct-list-item bot" style="--delay: 0.6s;">
-            <img class="icon" src="../../img/product_icons6.svg" alt="Team Mgmt">
+            <img class="icon" src="../img/product_icons6.svg" alt="Team Mgmt">
             <h3 class="txt-4002025 txt">Team Mgmt</h3>
           </li>
           <!-- 2个item -->
           <li class="prooduct-list-item bot" style="--delay: 0.7s;">
-            <img class="icon" src="../../img/product_icons7.svg" alt="End-to-End Encryption">
+            <img class="icon" src="../img/product_icons7.svg" alt="End-to-End Encryption">
             <h3 class="txt-4002025 txt">End-to-End Encryption</h3>
           </li>
           <!-- 1个item -->
           <li class="prooduct-list-item bot" style="--delay: 0.8s;">
-            <img class="icon" src="../../img/product_icons8.svg" alt="Multi-platform">
+            <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">
+            <img src="../img/next.svg" alt="One product, many powerful tools">
           </i>
         </ul>
         <ul class="prooduct-ul">
           <li class="details active">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic1.svg" alt="Teamwork without boundaries,No more document silos">
-              <img class="pic theme_dark" src="../../img/dark/product_pic1.svg" alt="Teamwork without boundaries,No more document silos">
+              <img class="pic theme_light" src="../img/light/product_pic1.svg" alt="Teamwork without boundaries,No more document silos">
+              <img class="pic theme_dark" src="../img/dark/product_pic1.svg" alt="Teamwork without boundaries,No more document silos">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -177,8 +177,8 @@
           </li>
           <li class="details">
             <div class="details-con details-con-item4">
-              <img class="pic theme_light" src="../../img/light/product_pic2.svg" alt="Focused communication, efficient communication,Messages must reach communication without hindrance">
-              <img class="pic theme_dark" src="../../img/dark/product_pic2.svg" alt="Cloud synchronization for unrestricted access to historical information,Attend meetings anytime, anywhere">
+              <img class="pic theme_light" src="../img/light/product_pic2.svg" alt="Focused communication, efficient communication,Messages must reach communication without hindrance">
+              <img class="pic theme_dark" src="../img/dark/product_pic2.svg" alt="Cloud synchronization for unrestricted access to historical information,Attend meetings anytime, anywhere">
               <ul class="details-ul item4">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -204,8 +204,8 @@
             </div>
             <ul class="details-ul-1280 item4-1280">
               <li class="details-ul-item mb-40">
-                <img class="pic theme_light" src="../../img/light/product_pic2.svg" alt="Focused communication, efficient communication,Messages must reach communication without hindrance">
-                <img class="pic theme_dark" src="../../img/dark/product_pic2.svg" alt="Cloud synchronization for unrestricted access to historical information,Attend meetings anytime, anywhere">
+                <img class="pic theme_light" src="../img/light/product_pic2.svg" alt="Focused communication, efficient communication,Messages must reach communication without hindrance">
+                <img class="pic theme_dark" src="../img/dark/product_pic2.svg" alt="Cloud synchronization for unrestricted access to historical information,Attend meetings anytime, anywhere">
               </li>
               <li class="details-ul-item mb-36">
                 <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -231,8 +231,8 @@
           </li>
           <li class="details">
             <div class="details-con details-con-item4">
-              <img class="pic theme_light" src="../../img/light/product_pic3.svg" alt="Multi-style management templates,Project-based office, action visualization">
-              <img class="pic theme_dark" src="../../img/dark/product_pic3.svg" alt="Dynamic management, real-time monitoring,One-click archiving of associated documents">
+              <img class="pic theme_light" src="../img/light/product_pic3.svg" alt="Multi-style management templates,Project-based office, action visualization">
+              <img class="pic theme_dark" src="../img/dark/product_pic3.svg" alt="Dynamic management, real-time monitoring,One-click archiving of associated documents">
               <ul class="details-ul item4">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -258,8 +258,8 @@
             </div>
             <ul class="details-ul-1280 item4-1280">
               <li class="details-ul-item mb-40">
-                <img class="pic theme_light" src="../../img/light/product_pic3.svg" alt="Multi-style management templates,Project-based office, action visualization">
-              <img class="pic theme_dark" src="../../img/dark/product_pic3.svg" alt="Dynamic management, real-time monitoring,One-click archiving of associated documents">
+                <img class="pic theme_light" src="../img/light/product_pic3.svg" alt="Multi-style management templates,Project-based office, action visualization">
+              <img class="pic theme_dark" src="../img/dark/product_pic3.svg" alt="Dynamic management, real-time monitoring,One-click archiving of associated documents">
               </li>
               <li class="details-ul-item mb-36">
                 <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -285,8 +285,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic4.svg" alt="Comprehensive insight into task data">
-              <img class="pic theme_dark" src="../../img/dark/product_pic4.svg" alt="Comprehensive insight into task data">
+              <img class="pic theme_light" src="../img/light/product_pic4.svg" alt="Comprehensive insight into task data">
+              <img class="pic theme_dark" src="../img/dark/product_pic4.svg" alt="Comprehensive insight into task data">
               <ul class="details-ul">
                 <li class="details-ul-item" style="margin-bottom: 36px;">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -298,8 +298,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic5.svg" alt="Accurate Timeline,Multiple calendar views">
-              <img class="pic theme_dark" src="../../img/dark/product_pic5.svg" alt="Accurate Timeline,Multiple calendar views">
+              <img class="pic theme_light" src="../img/light/product_pic5.svg" alt="Accurate Timeline,Multiple calendar views">
+              <img class="pic theme_dark" src="../img/dark/product_pic5.svg" alt="Accurate Timeline,Multiple calendar views">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -316,8 +316,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic6.svg" alt="Smart tips to bring technology closer to life">
-              <img class="pic theme_dark" src="../../img/dark/product_pic6.svg" alt="Artificial intelligence, realizing real-time communication with AI">
+              <img class="pic theme_light" src="../img/light/product_pic6.svg" alt="Smart tips to bring technology closer to life">
+              <img class="pic theme_dark" src="../img/dark/product_pic6.svg" alt="Artificial intelligence, realizing real-time communication with AI">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -334,8 +334,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic7.svg" alt="Fully enhance hierarchical organizational effectiveness">
-              <img class="pic theme_dark" src="../../img/dark/product_pic7.svg" alt="Multi-functional assistance for enterprise management teams">
+              <img class="pic theme_light" src="../img/light/product_pic7.svg" alt="Fully enhance hierarchical organizational effectiveness">
+              <img class="pic theme_dark" src="../img/dark/product_pic7.svg" alt="Multi-functional assistance for enterprise management teams">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -352,8 +352,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic8.svg" alt="Control encryption keys for security and safety">
-              <img class="pic theme_dark" src="../../img/dark/product_pic8.svg" alt="Data classification encryption for secure synchronization">
+              <img class="pic theme_light" src="../img/light/product_pic8.svg" alt="Control encryption keys for security and safety">
+              <img class="pic theme_dark" src="../img/dark/product_pic8.svg" alt="Data classification encryption for secure synchronization">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -370,8 +370,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic9.svg" alt="Multi-Platform Applications">
-              <img class="pic theme_dark" src="../../img/dark/product_pic9.svg" alt="Multi-Platform Applications">
+              <img class="pic theme_light" src="../img/light/product_pic9.svg" alt="Multi-Platform Applications">
+              <img class="pic theme_dark" src="../img/dark/product_pic9.svg" alt="Multi-Platform Applications">
               <ul class="details-ul">
                 <li class="details-ul-item">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -388,7 +388,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -404,7 +404,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <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;">
@@ -426,7 +426,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <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;">
@@ -440,7 +440,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <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;">
@@ -474,14 +474,14 @@
             <div class="manage-b mt-80">
               <ul class="manage-ul">
                 <li class="manage-ul-item mb-32 product-animate-box" style="--delay: 0s;">
-                  <img class="manage-icon mr-16" src="../../img/product_subtract.svg" alt="Real-time view of attendance statistics">
+                  <img class="manage-icon mr-16" src="../img/product_subtract.svg" alt="Real-time view of attendance statistics">
                   <div class="manage-tit">
                     <h3 class="txt-5002025 manage-h3 mb-16">Real-time view of attendance statistics</h3>
                     <h6 class="txt-4001624 manage-h6">View attendance data anytime and anywhere, record the working hours of each team member, including starting time, finishing time, overtime, etc., to achieve goal management and performance management within the enterprise</h6>
                   </div>
                 </li>
                 <li class="manage-ul-item product-animate-box" style="--delay: 0.1s;">
-                  <img class="manage-icon mr-16" src="../../img/product_subtract.svg" alt="The ultimate experience in speed clocking">
+                  <img class="manage-icon mr-16" src="../img/product_subtract.svg" alt="The ultimate experience in speed clocking">
                   <div class="manage-tit">
                     <h3 class="txt-5002025 manage-h3 mb-16">The ultimate experience in speed clocking</h3>
                     <h6 class="txt-4001624 manage-h6">The system recognizes and connects to the company's wifi to automatically punch in and out, saying goodbye to queuing and opening cell phone operations, employees no longer forget to punch in and out</h6>
@@ -489,17 +489,17 @@
                 </li>
               </ul>
               <div class="manage-ul-item product-animate-box" style="--delay: 0.2s;">
-                <img class="manage-icon mr-16" src="../../img/product_subtract.svg" alt="Attendance data visualization and analysis">
+                <img class="manage-icon mr-16" src="../img/product_subtract.svg" alt="Attendance data visualization and analysis">
                 <div class="manage-tit">
                   <h3 class="txt-5002025 manage-h3 mb-16">Attendance data visualization and analysis</h3>
                   <h6 class="txt-4001624 manage-h6">Statistics on attendance, tardiness, early departure, overtime hours and other related data of each team member are generated and visualized in statistical charts. Through these data and charts, enterprise management can gain an in-depth understanding of team members' working conditions and efficiency, and provide a reference basis for subsequent personnel arrangement and performance assessment.</h6>
                 </div>
               </div>
               <div class="manage-svg product-animate-box" style="--delay: 0.3s;">
-                <img class="manage-bg theme_light"  src="../../img/light/product_pic10.svg" alt="Clocking in to work successfully">
-                <img class="manage-bg theme_dark"  src="../../img/dark/product_pic10.svg" alt="Clocking in to work successfully">
+                <img class="manage-bg theme_light"  src="../img/light/product_pic10.svg" alt="Clocking in to work successfully">
+                <img class="manage-bg theme_dark"  src="../img/dark/product_pic10.svg" alt="Clocking in to work successfully">
                 <div class="manage-tips">
-                  <img src="../../img/product_icon1.svg" alt="Attendance Check-in">
+                  <img src="../img/product_icon1.svg" alt="Attendance Check-in">
                   <i class="manage-tips-txt txt-4001822">Clocking in to work successfully</i>
                 </div>
                 <h2 class="manage-svg-h2 txt-6003652">Attendance Check-in</h2>
@@ -510,8 +510,8 @@
         <article class="performance">
           <div class="performance-con">
             <h1 class="txt-5003645 performance-h1">Digital Performance</h1>
-            <img class="pic mt-80 theme_light"  src="../../img/light/en_product_pic11.png" alt="Digital Performance">
-            <img class="pic mt-80 theme_dark"  src="../../img/dark/en_product_pic11.png" alt="Digital Performance">
+            <img class="pic mt-80 theme_light"  src="../img/light/en_product_pic11.png" alt="Digital Performance">
+            <img class="pic mt-80 theme_dark"  src="../img/dark/en_product_pic11.png" alt="Digital Performance">
             <ul class="performance-ul">
               <li class="performance-ul-item product-animate-box2" style="--delay: 0s;">
                 <i class="icon mb-24"></i>
@@ -544,7 +544,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../en/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -592,7 +592,7 @@
                     <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">
+                        <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>
@@ -604,13 +604,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 产品卡片切换函数 */ 
   const tabs = document.querySelector('.prooduct-con');
@@ -627,10 +627,10 @@
       // 切换激活状态
       for (let [index,value] of tabItems.entries()) {
         if(value === clickedItem){
-          icons[index].setAttribute('src', `../../img/product_icons${index}_h.svg`)
+          icons[index].setAttribute('src', `../img/product_icons${index}_h.svg`)
           setActiveIndicator(index)
         }else{
-          icons[index].setAttribute('src', `../../img/product_icons${index}.svg`)
+          icons[index].setAttribute('src', `../img/product_icons${index}.svg`)
         }
         value.classList.toggle('active', value === clickedItem);
       }
@@ -657,7 +657,7 @@
     if(currentIndex != 0) {
       currentIndex =  currentIndex - 1
       cardItems[currentIndex + 1].classList.remove('active');
-      firstIcon.setAttribute('src', `../../img/product_icons${currentIndex + 1}_h.svg`)
+      firstIcon.setAttribute('src', `../img/product_icons${currentIndex + 1}_h.svg`)
       firstTxt.innerHTML = productNameObj[currentIndex]
       cardItems[currentIndex].classList.add('active');
     }
@@ -666,7 +666,7 @@
     if(currentIndex != 8){
       currentIndex =  currentIndex + 1
       cardItems[currentIndex - 1].classList.remove('active');
-      firstIcon.setAttribute('src', `../../img/product_icons${currentIndex - 1}_h.svg`)
+      firstIcon.setAttribute('src', `../img/product_icons${currentIndex - 1}_h.svg`)
       firstTxt.innerHTML = productNameObj[currentIndex]
       cardItems[currentIndex].classList.add('active');
     }
diff --git a/public/site/site/en/solutions.html b/public/site/en/solutions.html
similarity index 88%
rename from public/site/site/en/solutions.html
rename to public/site/en/solutions.html
index b93574cc1..105301496 100644
--- a/public/site/site/en/solutions.html
+++ b/public/site/en/solutions.html
@@ -5,12 +5,12 @@
   <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="keywords" content="China Dootask Task management Lightweight Hitosea Teamwork">
+  <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">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/solution.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/solution.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../en/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 Support
-                <img src="../../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="Light theme">
+              <img src="../img/light.svg" alt="Light theme">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="Dark theme">
+              <img src="../img/drak.svg" alt="Dark theme">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="Menu">
+            <img id="menuBtn" src="../img/menu.svg" alt="Menu">
           </div>
         </div>
       </div>
@@ -91,7 +91,7 @@
             <div class="topics-tit mb-32 topics-tit-en">
               <span class="txt-6007290 topics-h1">Helping you collaborate better</span>
             </div>
-            <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>
+            <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="https://www.dootask.com/manage/dashboard"  target="_blank">
@@ -107,7 +107,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../en/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -123,7 +123,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               Support
-              <img src="../../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
+              <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;">
@@ -145,7 +145,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               Theme
-              <img src="../../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
+              <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;">
@@ -159,7 +159,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               Language
-              <img src="../../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
+              <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;">
@@ -194,28 +194,28 @@
               <ul class="app-ul mt-80">
                 <li class="app-ul-item mb-48">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic1" src="../../img/light/zh_solution_pic1.png" alt="Project Management">
+                    <img class="app-bg" id="solution_pic1" src="../img/light/zh_solution_pic1.png" alt="Project Management">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">Project Management</h4>
                   <h6 class="txt-4001624 app-h6">Support a variety of project management models, such as Agile Development, Crystal Planning, Kanban, etc., for all sizes and types of project management. Users can use the project management tools in DooTask, such as task assignment, progress tracking, resource allocation, etc. to manage the whole project.</h6>
                 </li>
                 <li class="app-ul-item mb-48">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic2" src="../../img/light/zh_solution_pic2.png" alt="Team Collaboration">
+                    <img class="app-bg" id="solution_pic2" src="../img/light/zh_solution_pic2.png" alt="Team Collaboration">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">Team Collaboration</h4>
                   <h6 class="txt-4001624 app-h6">DooTask's rich and useful tools can facilitate communication and collaboration among team members and improve work efficiency. For example, team members can use the document collaboration tools, online mind maps, flowcharts and other tools in DooTask to collaborate.</h6>
                 </li>
                 <li class="app-ul-item">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic3" src="../../img/light/zh_solution_pic3.png" alt="Data Security Protection">
+                    <img class="app-bg" id="solution_pic3" src="../img/light/zh_solution_pic3.png" alt="Data Security Protection">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">Data Security Protection</h4>
                   <h6 class="txt-4001624 app-h6">DooTask uses asymmetric encryption technology in its messaging function to ensure maximum protection of users' information. In addition, it also provides a powerful permission management system that enables flexible setting of permissions and scope of operations for different users in project management according to their roles and responsibilities.</h6>
                 </li>
                 <li class="app-ul-item">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic4" src="../../img/light/solution_pic4.png" alt="Free Customization">
+                    <img class="app-bg" id="solution_pic4" src="../img/light/solution_pic4.png" alt="Free Customization">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">Free Customization</h4>
                   <h6 class="txt-4001624 app-h6">DooTask is a completely open source tool that allows users to freely modify and customize it, avoiding the extra costs associated with commercial software subscription fees.</h6>
@@ -229,18 +229,18 @@
             <h1 class="txt-5004455 team-tit">Team Operations</h1>
             <ul class="team-ul mt-80">
               <li class="team-ul-item team-ul-item-en solutions-animate-box" style="--delay: 0s;">
-                <img class="team-icon mb-24" src="../../img/solution_icon1.svg" alt="Corporate Management">
+                <img class="team-icon mb-24" src="../img/solution_icon1.svg" alt="Corporate Management">
                 <h4 class="txt-5002025 app-h4 mb-16">Corporate Management</h4>
                 <h6 class="txt-4001624 app-h6">Helping enterprises to their corporate goals, connecting goals, key results and individual work, and jointly promoting strategy implementation and goal achievement;Through co-creation, share the progress, completion status, and schedule of all corporate work, promote information flow, allow all staff to access key information of projects, follow up in time, and promote cross-departmental collaboration.Translated with DeepL</h6>
               </li>
               <li class="team-ul-item team-ul-item-en solutions-animate-box" style="--delay: 0.1s;">
-                <img class="team-icon mb-24" src="../../img/solution_icon2.svg" alt="Product Management">
+                <img class="team-icon mb-24" src="../img/solution_icon2.svg" alt="Product Management">
                 <h4 class="txt-5002025 app-h4 mb-16">Product Management</h4>
                 <h6 class="txt-4001624 app-h6">Customize the workflow of the product development process, assign tasks to different roles at different stages, and promote the product development process;
                   Uniform archiving of each completed project and task history data, which is convenient to recall or discuss at any time, forming a closed loop of knowledge precipitation to reuse.</h6>
               </li>
               <li class="team-ul-item team-ul-item-en solutions-animate-box" style="--delay: 0.2s;">
-                <img class="team-icon mb-24" src="../../img/solution_icon3.svg" alt="Corporate Management">
+                <img class="team-icon mb-24" src="../img/solution_icon3.svg" alt="Corporate Management">
                 <h4 class="txt-5002025 app-h4 mb-16">Corporate Management</h4>
                 <h6 class="txt-4001624 app-h6">Get multi-dimensional corporate data through data visualization statistical reports to get a comprehensive understanding of employee performance and make performance evaluation more objective and fair; use announcements to release notices, arrange company activities, convey corporate decisions, facilitate the shaping of corporate culture, and make employees more engaged.</h6>
               </li>
@@ -255,7 +255,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../en/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">Helps teams move projects forward efficiently and makes work easier.</i>
@@ -303,7 +303,7 @@
                     <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">
+                        <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>
@@ -315,13 +315,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 滑动到可视区域执行动画 */ 
   const boxes = document.querySelectorAll('.solutions-animate-box');
diff --git a/public/site/index.html b/public/site/index.html
index 90b06be24..2936e69d4 100644
--- a/public/site/index.html
+++ b/public/site/index.html
@@ -5,7 +5,7 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="shortcut icon" href="img/favicon.ico">
   <link rel="stylesheet" type="text/css" href="css/common.css">
@@ -18,16 +18,16 @@
     <header class="head">
       <div class="nav">
         <div class="nav-layout">
-          <a href="site/zh/index.html" class="logo">
-            <img id="logo" src="img/light/logo.svg" alt="DooTaskLogo">
+          <a href="./zh/index.html" class="logo">
+            <img id="logo" src="./img/light/logo.svg" alt="DooTaskLogo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
             <li class="nav-ul-item">
-              <a class="txt-4001620 txt nav-product" href="../site/zh/product.html">产品</a>
+              <a class="txt-4001620 txt nav-product" href="./zh/product.html">产品</a>
             </li>
             <li class="nav-ul-item">
-              <a class="txt-4001620 txt nav-solutions" href="../site/zh/solutions.html">解决方案</a>
+              <a class="txt-4001620 txt nav-solutions" href="./zh/solutions.html">解决方案</a>
             </li>
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
@@ -36,18 +36,18 @@
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
-                  <a class="txt-4001418 txt-sub" href="../site/zh/download.html">下载中心</a>
+                  <a class="txt-4001418 txt-sub" href="./zh/download.html">下载中心</a>
                 </li>
                 <li class="submenu-pop-item" onclick="changeMenu()">
-                  <a class="txt-4001418 txt-sub" href="../site/zh/help.html">帮助中心</a>
+                  <a class="txt-4001418 txt-sub" href="./zh/help.html">帮助中心</a>
                 </li>
               </ol>
             </li>
             <li class="nav-ul-item">
-              <a class="txt-4001620 txt nav-price" href="../site/zh/price.html">服务价格</a>
+              <a class="txt-4001620 txt nav-price" href="./zh/price.html">服务价格</a>
             </li>
             <li class="nav-ul-item">
-              <a class="txt-4001620 txt nav-about" href="../site/zh/about.html">关于我们</a>
+              <a class="txt-4001620 txt nav-about" href="./zh/about.html">关于我们</a>
             </li>
           </ul>
           <div class="nav-r">
@@ -70,7 +70,7 @@
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -118,7 +118,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="./site/zh/index.html" class="logo">
-          <img id="logo" src="img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="./img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -126,7 +126,7 @@
       <ul class="drawer-ul">
         <li class="drawer-item-t mb-16">
           <div class="drawer-item" onclick="closeDraweHandle()">
-            <a class="txt-4001620 txt" href="../site/zh/product.html">产品</a>
+            <a class="txt-4001620 txt" href="./zh/product.html">产品</a>
           </div>
           <div class="drawer-item" onclick="closeDraweHandle()">
             <a class="txt-4001620 txt" href="./site/zh/solutions.html">解决方案</a>
@@ -434,7 +434,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="./site/zh/index.html" class="logo">
-              <img id="logo" src="img/light/logo.svg" alt="Dootask,Logo">
+              <img id="logo" src="img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -445,16 +445,16 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">链接</li>
                   <li class="footer-ol-item mb-16">
-                    <a class="txt-4001624 txt" href="../site/zh/product.html">产品</a>
+                    <a class="txt-4001624 txt" href="./zh/product.html">产品</a>
                   </li>
                   <li class="footer-ol-item mb-16">
-                    <a class="txt-4001624 txt" href="../site/zh/solutions.html">解决方案</a>
+                    <a class="txt-4001624 txt" href="./zh/solutions.html">解决方案</a>
                   </li>
                   <li class="footer-ol-item mb-16">
-                    <a class="txt-4001624 txt" href="../site/zh/price.html">服务价格</a>
+                    <a class="txt-4001624 txt" href="./zh/price.html">服务价格</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../site/zh/about.html">关于我们</a>
+                    <a class="txt-4001624 txt" href="./zh/about.html">关于我们</a>
                   </li>
                 </ol>
               </li>
@@ -462,10 +462,10 @@
                 <ol class="footer-r-ol">
                   <li class="footer-ol-item txt-5001624 mb-24">支持</li>
                   <li class="footer-ol-item mb-16">
-                    <a class="txt-4001624 txt" href="../site/zh/download.html">下载中心</a>
+                    <a class="txt-4001624 txt" href="./zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../site/zh/help.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="./zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -494,7 +494,7 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
diff --git a/public/site/js/common.js b/public/site/js/common.js
index 6e50fde31..2759fb2c7 100644
--- a/public/site/js/common.js
+++ b/public/site/js/common.js
@@ -17,7 +17,7 @@ const changeImageSrc = (img, src) => {
   const url = window.location.href   // 获取当前浏览器 URL
   if (imgDom.length > 0) {
     imgDom.forEach(item=>{
-      item.src = url.includes('site') ? `../../img/${src}` : `img/${src}`;
+      item.src = url.includes('site/i') ? `./img/${src}` : `../img/${src}`;
     })
   }
 };
diff --git a/public/site/site/zh/about.html b/public/site/zh/about.html
similarity index 87%
rename from public/site/site/zh/about.html
rename to public/site/zh/about.html
index c6eef70a1..02f17fb3d 100644
--- a/public/site/site/zh/about.html
+++ b/public/site/zh/about.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/about.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/about.css">
 </head>
 <body>
   <div class="BulletBox"></div>
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -118,7 +118,7 @@
       <article class="company-profile">
         <div class="company-profile-con">
           <div class="company-profile-layout">
-            <img class="company-profile-l" id="about_pic1" src="../../img/light/about_pic1.png" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
+            <img class="company-profile-l" id="about_pic1" src="../img/light/about_pic1.png" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
             <div class="company-profile-r">
               <h1 class="txt-5004455 company-profile-h1 mb-80">
                 公司介绍
@@ -136,7 +136,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -152,7 +152,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -174,7 +174,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -188,7 +188,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -219,35 +219,35 @@
               <ul class="scenario-app-ul">
                 <li class="scenario-app-ul-item mb-32 about-animate-box" style="--delay: 0s;">
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon7.svg" alt="边缘安全">
+                    <img class="scenario-app-icon" src="../img/about_icon7.svg" alt="边缘安全">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">边缘安全</h5>
                   <h6 class="txt-4001624 scenario-app-h6">HITOSEA下一代防火墙、入侵防御/入侵检测系统、云沙箱等产品为用户提供网络边界访问控制、深度攻击检测和APT攻击检测等全面的智能安全保护。</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/01.svg" alt="HITOSEA下一代防火墙、入侵防御/入侵检测系统、云沙箱等产品为用户提供网络边界访问控制、深度攻击检测和APT攻击检测等全面的智能安全保护。">
+                  <img class="scenario-app-ul-item-svg" src="../img/01.svg" alt="HITOSEA下一代防火墙、入侵防御/入侵检测系统、云沙箱等产品为用户提供网络边界访问控制、深度攻击检测和APT攻击检测等全面的智能安全保护。">
                 </li>
                 <li class="scenario-app-ul-item mb-32 about-animate-box" style="--delay: 0.1s;">
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon8.svg" alt="云安全">
+                    <img class="scenario-app-icon" src="../img/about_icon8.svg" alt="云安全">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">云安全</h5>
                   <h6 class="txt-4001624 scenario-app-h6">我们提供安全可靠的高防云服务器，解决了服务器面临的主要网络安全风险，缓解了因洪水攻击而导致的业务中断风险，满足了常规安全操作的需要。</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/02.svg" alt="我们提供安全可靠的高防云服务器，解决了服务器面临的主要网络安全风险，缓解了因洪水攻击而导致的业务中断风险，满足了常规安全操作的需要。">
+                  <img class="scenario-app-ul-item-svg" src="../img/02.svg" alt="我们提供安全可靠的高防云服务器，解决了服务器面临的主要网络安全风险，缓解了因洪水攻击而导致的业务中断风险，满足了常规安全操作的需要。">
                 </li>
                 <li class="scenario-app-ul-item about-animate-box" style="--delay: 0.2s;">
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon9.svg" alt="数据安全">
+                    <img class="scenario-app-icon" src="../img/about_icon9.svg" alt="数据安全">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">数据安全</h5>
                   <h6 class="txt-4001624 scenario-app-h6">数据库审计和数据泄漏保护系统可以保护敏感数据和文件，识别数据和监控操作，阻止内部和外部人员通过网络、电子邮件和其他渠道进行数据盗窃。</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/03.svg" alt="数据库审计和数据泄漏保护系统可以保护敏感数据和文件，识别数据和监控操作，阻止内部和外部人员通过网络、电子邮件和其他渠道进行数据盗窃。">
+                  <img class="scenario-app-ul-item-svg" src="../img/03.svg" alt="数据库审计和数据泄漏保护系统可以保护敏感数据和文件，识别数据和监控操作，阻止内部和外部人员通过网络、电子邮件和其他渠道进行数据盗窃。">
                 </li>
                 <li class="scenario-app-ul-item about-animate-box" style="--delay: 0.3s;">
                   <i class="scenario-app-icon-bg mb-24">
-                    <img class="scenario-app-icon" src="../../img/about_icon10.svg" alt="内联网安全">
+                    <img class="scenario-app-icon" src="../img/about_icon10.svg" alt="内联网安全">
                   </i>
                   <h5 class="txt-5002025 scenario-app-h5 mb-16">内联网安全</h5>
                   <h6 class="txt-4001624 scenario-app-h6">网络应用防火墙和网络防篡改系统为应用系统提供了全面的安全保护，有效阻止了网络篡改和攻击等恶意行为的发生。</h6>
-                  <img class="scenario-app-ul-item-svg" src="../../img/04.svg" alt="网络应用防火墙和网络防篡改系统为应用系统提供了全面的安全保护，有效阻止了网络篡改和攻击等恶意行为的发生。">
+                  <img class="scenario-app-ul-item-svg" src="../img/04.svg" alt="网络应用防火墙和网络防篡改系统为应用系统提供了全面的安全保护，有效阻止了网络篡改和攻击等恶意行为的发生。">
                 </li>
               </ul>
             </div>
@@ -260,11 +260,11 @@
                 <h1 class="footer-t-h1 mb-56">我们希望听到您的意见</h1>
                 <h6 class="footer-t-h6 mb-56">对价格、计划或产品有疑问吗？请填写表格，我们将与您联系。</h6>
                 <div class="footer-t-contact mb-24">
-                  <img class="footer-t-contact-icon mr-12" src="../../img/about_icon1.svg" alt="联系手机,13471168831">
+                  <img class="footer-t-contact-icon mr-12" src="../img/about_icon1.svg" alt="联系手机,13471168831">
                   <h6 class="footer-t-contact-h6">13471168831</h6>
                 </div>
                 <div class="footer-t-contact">
-                  <img class="footer-t-contact-icon mr-12" src="../../img/about_icon2.svg" alt="邮箱,hitosea@gmail.com">
+                  <img class="footer-t-contact-icon mr-12" src="../img/about_icon2.svg" alt="邮箱,hitosea@gmail.com">
                   <h6 class="footer-t-contact-h6">hitosea@gmail.com</h6>
                 </div>
               </div>
@@ -300,7 +300,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -331,7 +331,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -348,7 +348,7 @@
                     <li 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/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -360,14 +360,14 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
 <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 数字滚动动画 */ 
   const companyYearEl = document.querySelector('.company-year');
diff --git a/public/site/site/zh/distribute.html b/public/site/zh/distribute.html
similarity index 85%
rename from public/site/site/zh/distribute.html
rename to public/site/zh/distribute.html
index a231bd382..578b0a031 100644
--- a/public/site/site/zh/distribute.html
+++ b/public/site/zh/distribute.html
@@ -5,25 +5,25 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-	<link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" href="../../css/distribution.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+	<link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" href="../css/distribution.css">
 </head>
 <body>
 	<main class="distrbution">
-		<img class="bg_fpic1" src="../../img/bg_fpic1.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
-		<img class="bg_fpic2" src="../../img/bg_fpic2.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
+		<img class="bg_fpic1" src="../img/bg_fpic1.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
+		<img class="bg_fpic2" src="../img/bg_fpic2.svg" alt="广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海">
 		<section>
 			<div class="content">
 				<div class="layout" id="target">
-					<img class="icon1" src="../../img/logo_y.svg" alt="DooTask">
+					<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>
 					</div>
 					<div class="name">
-						<img class="icon2" src="../../img/android_y.svg" alt="安卓,abdroid">
+						<img class="icon2" src="../img/android_y.svg" alt="安卓,abdroid">
 						<i class="">DooTask</i>
 					</div>
 					<div class="scan">
diff --git a/public/site/site/zh/download.html b/public/site/zh/download.html
similarity index 87%
rename from public/site/site/zh/download.html
rename to public/site/zh/download.html
index 1948c3c2c..d081fe577 100644
--- a/public/site/site/zh/download.html
+++ b/public/site/zh/download.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/download.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/download.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -95,17 +95,17 @@
             <ul class="download-ul">
               <li class="download-ul-item dow-animate-box" style="--delay: 0s;" onmouseover='handleMouseover(0)' onmouseout='handleMouseout(0)'>
                 <a class="normal" href="https://apps.apple.com/cn/app/dootask/id1624855111">
-                  <img class="icon mb-8" src="../../img/dow_ios.svg" alt="ios">
+                  <img class="icon mb-8" src="../img/dow_ios.svg" alt="ios">
                   <i class="txt-4001624 txt">ios</i>
                 </a>
                 <div class="hover">
-                  <img class="qr-code mb-8" src="../../img/ios_code.png" alt="扫描下载,ios">
+                  <img class="qr-code mb-8" src="../img/ios_code.png" alt="扫描下载,ios">
                   <i class="txt-4001624 txt">扫描下载</i>
                 </div>
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.1s;" onmouseover='handleMouseover(1)' onmouseout='handleMouseout(1)'>
                 <a class="normal" href="https://www.dootask.com/desktop/publish/latest?platform=android">
-                  <img class="icon mb-8" src="../../img/dow_android.svg" alt="Android">
+                  <img class="icon mb-8" src="../img/dow_android.svg" alt="Android">
                   <i class="txt-4001624 txt">Android</i>
                 </a>
                 <div class="hover">
@@ -115,7 +115,7 @@
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.2s;" onmouseover='handleMouseover(2)' onmouseout='handleMouseout(2)'>
                 <div class="normal">
-                  <img class="icon mb-8" src="../../img/dow_mac.svg" alt="macOS">
+                  <img class="icon mb-8" src="../img/dow_mac.svg" alt="macOS">
                   <i class="txt-4001624 txt">macOS</i>
                 </div>
                 <div class="hover radius">
@@ -129,11 +129,11 @@
               </li>
               <li class="download-ul-item dow-animate-box" style="--delay: 0.3s;" onmouseover='handleMouseover(3)' onmouseout='handleMouseout(3)'>
                 <p class="normal">
-                  <img class="icon mb-8" src="../../img/dow_window.svg" alt="Windows">
+                  <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">
-                  <img class="icon mb-8" src="../../img/dow_icon.svg" alt="Windows,下载">
+                  <img class="icon mb-8" src="../img/dow_icon.svg" alt="Windows,下载">
                   <i class="txt-4001624 txt">下载</i>
                 </a>
               </li>
@@ -146,7 +146,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -162,7 +162,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -184,7 +184,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -198,7 +198,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -231,13 +231,13 @@
                   <li>
                     <a href="../zh/log.html" class="more-item">
                       <h5 class="txt-4001624 more">更多日志</h5>
-                      <img class="icon" src="../../img/dow_arrow.svg" alt="更多日志">
+                      <img class="icon" src="../img/dow_arrow.svg" alt="更多日志">
                     </a>
                   </li>
                 </ul>
               </div>
               <div class="update-r">
-                <img class="update-r-svg" id="dow_pic1" src="../../img/light/zh_dow_pic1.png" alt="DooTask,下载中心">
+                <img class="update-r-svg" id="dow_pic1" src="../img/light/zh_dow_pic1.png" alt="DooTask,下载中心">
               </div>
             </div>
           </div>
@@ -250,7 +250,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -281,7 +281,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -298,7 +298,7 @@
                     <li 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/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -310,14 +310,14 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
 <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 下载应用的hover处理函数 */ 
 const download = document.querySelector('.download-ul');
diff --git a/public/site/site/zh/help.html b/public/site/zh/help.html
similarity index 91%
rename from public/site/site/zh/help.html
rename to public/site/zh/help.html
index 5eac49b20..7fade539c 100644
--- a/public/site/site/zh/help.html
+++ b/public/site/zh/help.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/help.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/help.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -90,7 +90,7 @@
     <div class="help-drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeHelpDraweHandle()">✕</i>
@@ -184,7 +184,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -200,7 +200,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -222,7 +222,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -236,7 +236,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -262,7 +262,7 @@
         <article class="help">
           <div class="help-con">
             <div class="help-t-768" id="help-menu-btn">
-              <img class="help-t-prev" src="../../img/prev.svg" alt="帮助中心">
+              <img class="help-t-prev" src="../img/prev.svg" alt="帮助中心">
               <i class="help-t-tit">帮助中心</i>
             </div>
             <div class="help-layout">
@@ -358,8 +358,8 @@
               </div>
               <div class="help-r">
                 <div class="help-pic1 mb-36">
-                  <img id="help-pic1-svg" class="theme_light" src="../../img/light/help_pic11.svg" alt="刚开始使用DooTask？没问题，这本入门书是为你准备的!">
-                  <img id="help-pic1-svg" class="theme_dark" src="../../img/dark/help_pic11.svg" alt="刚开始使用DooTask？没问题，这本入门书是为你准备的!">
+                  <img id="help-pic1-svg" class="theme_light" src="../img/light/help_pic11.svg" alt="刚开始使用DooTask？没问题，这本入门书是为你准备的!">
+                  <img id="help-pic1-svg" class="theme_dark" src="../img/dark/help_pic11.svg" alt="刚开始使用DooTask？没问题，这本入门书是为你准备的!">
                   <div class="help-pic1-tips">
                     <h2 class="help-pic1-tips-h2 txt-6003652">用户手册</h2>
                     <h6 class="help-pic1-tips-h6 txt-4001624">刚开始使用DooTask？没问题，这本入门书是为你准备的!</h6>
@@ -373,7 +373,7 @@
                   <li class="r-ul-item mb-36">
                     <h4 class="txt-5002430 help-h4 mb-24">什么是任务管理？</h4>
                     <h6 class="txt-4001624 help-h6 mb-16">任务管理是对你的项目任务从开始到结束的各个阶段进行监控的过程。这涉及到为你的任务积极做出决定，以适应可能实时发生的变化，你的最终目标是成功完成你的任务。项目任务管理也意味着有效地管理任务的各个方面，如预算、时间、范围、资源、复现等。</h6>
-                    <img class="r-ul-item-pic1" id="help_pic2" src="../../img/light/help_pic2.png" alt="什么是任务管理？">
+                    <img class="r-ul-item-pic1" id="help_pic2" src="../img/light/help_pic2.png" alt="什么是任务管理？">
                   </li>
                   <li class="r-ul-item mb-36">
                     <h4 class="txt-5002430 help-h4 mb-24">如何管理任务？</h4>
@@ -381,7 +381,7 @@
                     <h6 class="txt-4001624 help-h6 mb-12"><i class="help-h6-bold">确定优先次序： </i>无论你用什么工具来管理你的任务，无论是简单的待办事项清单还是全面的项目任务管理工具，任务管理最重要的方面是确定优先次序。这有助于有效地完成所有涉及的任务，同时保持计划的约束。</h6>
                     <h6 class="txt-4001624 help-h6 mb-12"><i class="help-h6-bold">里程碑跟踪：</i>这项研究的结果还表明，建立明确的目标对于成功完成一个项目至关重要。虽然对于任务管理来说，最终的目标不是必须的，但定义里程碑有助于激励团队成功执行任务。</h6>
                     <h6 class="txt-4001624 help-h6 mb-16"><i class="help-h6-bold">日程管理：</i>确保你的任务能按时完成是对整个项目健康有影响的事情。通过估计所涉及的努力来分配正确的时间框架是这里的关键。</h6>
-                    <img class="r-ul-item-pic1" id="help_pic3" src="../../img/light/help_pic3.png" alt="如何管理任务？">
+                    <img class="r-ul-item-pic1" id="help_pic3" src="../img/light/help_pic3.png" alt="如何管理任务？">
                   </li>
                   <li class="r-ul-item mb-36">
                     <h4 class="txt-5002430 help-h4 mb-24">如何选择正确的任务管理软件？</h4>
@@ -400,7 +400,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -431,7 +431,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -448,7 +448,7 @@
                   <li 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/light/home_code.svg" alt="群号：546574618">
+                      <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="群号：546574618">
                       <i class="group_num">群号：546574618</i>
                       <i class="lower_triangle"></i>
                     </div>
@@ -460,13 +460,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
 const tabs = document.querySelector('.help-l-1920');
 const tabItems = tabs.querySelectorAll('.l-ul-item');
diff --git a/public/site/site/zh/index.html b/public/site/zh/index.html
similarity index 82%
rename from public/site/site/zh/index.html
rename to public/site/zh/index.html
index 335df95cb..bb054f542 100644
--- a/public/site/site/zh/index.html
+++ b/public/site/zh/index.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" type="text/css" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" type="text/css" href="../../css/home.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" type="text/css" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" type="text/css" href="../css/home.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -108,7 +108,7 @@
             </div>
           </div>
           <div class="ten_img">
-            <img class="home-pic" id="home_pic" src="../../img/light/zh_home_pic1.png" alt="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
+            <img class="home-pic" id="home_pic" src="../img/light/zh_home_pic1.png" alt="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
           </div>
         </div>
       </div>
@@ -117,7 +117,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -133,7 +133,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -155,7 +155,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -169,7 +169,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -198,16 +198,16 @@
             <h1 class="companies-h1 txt-4003645">受到许多公司的信任</h1>
             <ul class="companies-ul">
               <li class="companies-ul-item">
-                <img id="home_icon1" src="../../img/light/home_icon1.png" alt="陕建集团">
+                <img id="home_icon1" src="../img/light/home_icon1.png" alt="陕建集团">
               </li>
               <li class="companies-ul-item">
-                <img id="home_icon2" src="../../img/light/home_icon2.png" alt="艾特科">
+                <img id="home_icon2" src="../img/light/home_icon2.png" alt="艾特科">
               </li>
               <li class="companies-ul-item">
-                <img id="home_icon3" src="../../img/light/home_icon3.png" alt="中国联通">
+                <img id="home_icon3" src="../img/light/home_icon3.png" alt="中国联通">
               </li>
               <li class="companies-ul-item">
-                <img id="home_icon4" src="../../img/light/home_icon4.png" alt="旗雲科技">
+                <img id="home_icon4" src="../img/light/home_icon4.png" alt="旗雲科技">
               </li>
             </ul>
           </div>
@@ -219,77 +219,77 @@
             <div class="card-con-layout">
               <ul class="card-ul">
                 <li class="card-ul-item active">
-                  <img class="icon" src="../../img/home_icon1.svg" alt="项目管理">
+                  <img class="icon" src="../img/home_icon1.svg" alt="项目管理">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">项目管理</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="项目管理">
+                    <img class="arrows" src="../img/vector.svg" alt="项目管理">
                   </div>
                   <div class="card-ul-item-expand" >
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">项目管理</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
+                      <img class="arrows" src="../img/vector.svg" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon2.svg" alt="团队协作">
+                  <img class="icon" src="../img/home_icon2.svg" alt="团队协作">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">团队协作</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="团队协作">
+                    <img class="arrows" src="../img/vector.svg" alt="团队协作">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">团队协作</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。">
+                      <img class="arrows" src="../img/vector.svg" alt="提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon3.svg" alt="任务协同">
+                  <img class="icon" src="../img/home_icon3.svg" alt="任务协同">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">任务协同</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="任务协同">
+                    <img class="arrows" src="../img/vector.svg" alt="任务协同">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">任务协同</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。">
+                      <img class="arrows" src="../img/vector.svg" alt="以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon4.svg" alt="绩效衡量">
+                  <img class="icon" src="../img/home_icon4.svg" alt="绩效衡量">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">绩效衡量</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="绩效衡量">
+                    <img class="arrows" src="../img/vector.svg" alt="绩效衡量">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">绩效衡量</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。">
+                      <img class="arrows" src="../img/vector.svg" alt="建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。</i> 
                   </div>
                 </li>
                 <li class="card-ul-item">
-                  <img class="icon" src="../../img/home_icon5.svg" alt="沟通汇报">
+                  <img class="icon" src="../img/home_icon5.svg" alt="沟通汇报">
                   <div class="card-ul-item-unfolded">
                     <h3 class="txt-5002025 card-ul-item-h3">沟通汇报</h3>
-                    <img class="arrows" src="../../img/vector.svg" alt="沟通汇报">
+                    <img class="arrows" src="../img/vector.svg" alt="沟通汇报">
                   </div>
                   <div class="card-ul-item-expand">
                     <div class="card-ul-item-expand-tit">
                       <h3 class="txt-5002025 card-ul-item-h3">沟通汇报</h3>
-                      <img class="arrows" src="../../img/vector.svg" alt="基于工作场景的即时通讯及共享，实现更好的团队沟通。">
+                      <img class="arrows" src="../img/vector.svg" alt="基于工作场景的即时通讯及共享，实现更好的团队沟通。">
                     </div>
                     <i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">基于工作场景的即时通讯及共享，实现更好的团队沟通。</i> 
                   </div>
                 </li>
               </ul>
-              <img class="card-pic" id="home_pic2" src="../../img/light/zh_home_pic2.png" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
+              <img class="card-pic" id="home_pic2" src="../img/light/zh_home_pic2.png" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
             </div>
           </div>
           <div class="card-con-768">
@@ -297,34 +297,34 @@
             <div class="card-con-layout">
               <ul class="card-768-ul">
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon1.svg" alt="项目管理">
+                  <img class="icon" src="../img/home_icon1.svg" alt="项目管理">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">项目管理</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。</i> 
-                  <img class="card-pic mb-40" id="home_pic2" src="../../img/light/zh_home_pic2.png" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
+                  <img class="card-pic mb-40" id="home_pic2" src="../img/light/zh_home_pic2.png" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon2.svg" alt="团队协作">
+                  <img class="icon" src="../img/home_icon2.svg" alt="团队协作">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">团队协作</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。</i> 
-                  <img class="card-pic mb-40" id="home_pic3" src="../../img/light/zh_home_pic3.png" alt="提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。">
+                  <img class="card-pic mb-40" id="home_pic3" src="../img/light/zh_home_pic3.png" alt="提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon3.svg" alt="任务协同">
+                  <img class="icon" src="../img/home_icon3.svg" alt="任务协同">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">任务协同</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。</i> 
-                  <img class="card-pic mb-40" id="home_pic4" src="../../img/light/zh_home_pic4.png" alt="以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。">
+                  <img class="card-pic mb-40" id="home_pic4" src="../img/light/zh_home_pic4.png" alt="以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon4.svg" alt="绩效衡量">
+                  <img class="icon" src="../img/home_icon4.svg" alt="绩效衡量">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">绩效衡量</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。</i> 
-                  <img class="card-pic mb-40" id="home_pic5" src="../../img/light/zh_home_pic5.png" alt="建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。">
+                  <img class="card-pic mb-40" id="home_pic5" src="../img/light/zh_home_pic5.png" alt="建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。">
                 </li>
                 <li style="width: 100%;">
-                  <img class="icon" src="../../img/home_icon5.svg" alt="沟通汇报">
+                  <img class="icon" src="../img/home_icon5.svg" alt="沟通汇报">
                   <h3 class="txt-5001822 card-ul-item-h3 mb-12">沟通汇报</h3>
                   <i class="txt-4001524 card-ul-item-txt mb-16">基于工作场景的即时通讯和分享，以实现更好的团队沟通。</i> 
-                  <img class="card-pic" id="home_pic6" src="../../img/light/zh_home_pic6.png" alt="基于工作场景的即时通讯和分享，以实现更好的团队沟通。">
+                  <img class="card-pic" id="home_pic6" src="../img/light/zh_home_pic6.png" alt="基于工作场景的即时通讯和分享，以实现更好的团队沟通。">
                 </li>
               </ul>
             </div>
@@ -372,7 +372,7 @@
             </ul>
           </div>
           <div class="choose-con-768">
-            <h1 class="txt-5004455 choose-con-tit">为什么选择我们<img class="arcs2" src="../../img/arcs.svg" alt="为什么选择我们"></h1>
+            <h1 class="txt-5004455 choose-con-tit">为什么选择我们<img class="arcs2" src="../img/arcs.svg" alt="为什么选择我们"></h1>
             <div class="choose-con-768-box">
               <ul class="choose-con-768-ul">
                 <li class="choose-con-768-item">
@@ -412,8 +412,8 @@
           </div>
         </article> 
         <article class="collaboration">
-          <img id="home_pic7" class="home_pic7" src="../../img/light/home_pic7.svg" alt="开启您的DooTask团队协作">
-          <img id="home_pic7_768" class="home_pic7_768" src="../../img/light/home_pic7_768.svg" alt="开启您的DooTask团队协作">
+          <img id="home_pic7" class="home_pic7" src="../img/light/home_pic7.svg" alt="开启您的DooTask团队协作">
+          <img id="home_pic7_768" class="home_pic7_768" src="../img/light/home_pic7_768.svg" alt="开启您的DooTask团队协作">
           <div class="collaboration-content collaboration-content-zh">
             <h1 class="collaboration-txt txt-5002835 mb-32">开启您的DooTask团队协作</h1>
             <div style="display: flex;">
@@ -433,7 +433,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -464,7 +464,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -481,7 +481,7 @@
                     <li 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/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -493,13 +493,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
 /* 功能卡片切换函数 */ 
 const tabs = document.querySelector('.card-ul');
@@ -513,7 +513,7 @@ tabs.addEventListener('click', function (event) {
     // 切换激活状态
     for (let [index,value] of tabItems.entries()) {
       if(value === clickedItem){
-        funImg.setAttribute('src', `../../img/${theme?theme:'light'}/${lang}_home_pic${index+2}.png`)
+        funImg.setAttribute('src', `../img/${theme?theme:'light'}/${lang}_home_pic${index+2}.png`)
       }
       value.classList.toggle('active', value === clickedItem);
     }
diff --git a/public/site/site/zh/log.html b/public/site/zh/log.html
similarity index 89%
rename from public/site/site/zh/log.html
rename to public/site/zh/log.html
index 20ba75365..546ef3b5d 100644
--- a/public/site/site/zh/log.html
+++ b/public/site/zh/log.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/log.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/log.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -90,7 +90,7 @@
     <div class="logs-drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeLogsDraweHandle()">✕</i>
@@ -102,7 +102,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -118,7 +118,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -140,7 +140,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -154,7 +154,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -180,7 +180,7 @@
         <article class="logs">
           <div class="logs-con">
             <div class="logs-t-768" id="menuBtn-logs">
-              <img class="logs-t-prev" src="../../img/prev.svg" alt="更新日志">
+              <img class="logs-t-prev" src="../img/prev.svg" alt="更新日志">
               <i class="logs-t-tit">更新日志</i>
             </div>
             <div class="logs-layout">
@@ -201,14 +201,14 @@
     <footer>
       <div class="footer-con">
         <div class="filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
 <script src="https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js"></script>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
 const getItem = (key)=> {
   var record = JSON.parse(localStorage.getItem(key));
diff --git a/public/site/site/zh/price.html b/public/site/zh/price.html
similarity index 82%
rename from public/site/site/zh/price.html
rename to public/site/zh/price.html
index 28403e04d..74f524a52 100644
--- a/public/site/site/zh/price.html
+++ b/public/site/zh/price.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/price.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/price.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -103,7 +103,7 @@
                 <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-green mb-24">开始使用</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="支持私有化部署">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="支持私有化部署">
                     <h6 class="txt-4001624 price-card-h6">支持私有化部署</h6>
                   </li>
                 </ol>
@@ -118,15 +118,15 @@
                 <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-green mb-24">开始使用</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="支持私有化部署">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="支持私有化部署">
                     <h6 class="txt-4001624 price-card-h6">支持私有化部署</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="技术咨询服务">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="技术咨询服务">
                     <h6 class="txt-4001624 price-card-h6">技术咨询服务</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="24小时服务响应">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="24小时服务响应">
                     <h6 class="txt-4001624 price-card-h6">24小时服务响应</h6>
                   </li>
                 </ol>
@@ -140,23 +140,23 @@
                 <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-green mb-24">开始使用</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="支持私有化部署">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="支持私有化部署">
                     <h6 class="txt-4001624 price-card-h6">支持私有化部署</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="技术咨询服务">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="技术咨询服务">
                     <h6 class="txt-4001624 price-card-h6">技术咨询服务</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Logo定制">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Logo定制">
                     <h6 class="txt-4001624 price-card-h6">Logo定制</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="专属客户经理">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="专属客户经理">
                     <h6 class="txt-4001624 price-card-h6">专属客户经理</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="12小时服务响应">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="12小时服务响应">
                     <h6 class="txt-4001624 price-card-h6">12小时服务响应</h6>
                   </li>
                 </ol>
@@ -170,23 +170,23 @@
                 <a href="https://www.dootask.com/manage/dashboard"  target="_blank"> <button class="btn btn-green mb-24">开始使用</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="支持私有化部署">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="支持私有化部署">
                     <h6 class="txt-4001624 price-card-h6">支持私有化部署</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="技术咨询服务">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="技术咨询服务">
                     <h6 class="txt-4001624 price-card-h6">技术咨询服务</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="Logo定制">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="Logo定制">
                     <h6 class="txt-4001624 price-card-h6">Logo定制</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="专属客户经理">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="专属客户经理">
                     <h6 class="txt-4001624 price-card-h6">专属客户经理</h6>
                   </li>
                   <li class="price-card-ol-item mb-12">
-                    <img class="icon mr-12" src="../../img/price_icon1.svg" alt="12小时服务响应">
+                    <img class="icon mr-12" src="../img/price_icon1.svg" alt="12小时服务响应">
                     <h6 class="txt-4001624 price-card-h6">12小时服务响应</h6>
                   </li>
                 </ol>
@@ -200,7 +200,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -216,7 +216,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -238,7 +238,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -252,7 +252,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -348,33 +348,33 @@
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">多视图展示（看板/日历/列表）</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">任务自定义字段</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务自定义字段">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务自定义字段">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务自定义字段">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">任务循环</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务循环">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务循环">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务循环">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">任务映射</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务映射">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务映射">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务映射">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">任务依赖性</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务依赖性">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务依赖性">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务依赖性">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
                     </li>
                   </ol>
                 </li>
@@ -385,27 +385,27 @@
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">项目进展</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目进展">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目进展">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目进展">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">项目模板</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目模板">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目模板">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目模板">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">项目自定义视图</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目自定义视图">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目自定义视图">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目自定义视图">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
                     </li>
                     <li class="plans-ol-item grid-4">
                       <h6 class="txt-4001616 plans-ol-item-h6">时间轴视图（甘特图）</h6>
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="时间轴视图（甘特图）">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="时间轴视图（甘特图）">
-                      <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="时间轴视图（甘特图）">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
+                      <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
                     </li>
                   </ol>
                 </li>
@@ -455,23 +455,23 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">多视图展示（看板/日历/列表）</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务自定义字段</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务自定义字段">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务循环</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务循环">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务映射</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务映射">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务依赖性</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务依赖性">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
                       </div>
                     </li>
                     <li class="plans-ol-768-item">
@@ -480,19 +480,19 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目进展</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目进展">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目模板</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目模板">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目自定义视图</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目自定义视图">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">时间轴视图（甘特图）</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="时间轴视图（甘特图）">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
                       </div>
                     </li>
                     <div class="price-card-money mb-16">
@@ -530,23 +530,23 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">多视图展示（看板/日历/列表）</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务自定义字段</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务自定义字段">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务循环</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务循环">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务映射</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务映射">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务依赖性</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务依赖性">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
                       </div>
                     </li>
                     <li class="plans-ol-768-item">
@@ -555,19 +555,19 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目进展</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目进展">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目模板</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目模板">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目自定义视图</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目自定义视图">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">时间轴视图（甘特图）</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="时间轴视图（甘特图）">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
                       </div>
                     </li>
                     <div class="price-card-money mb-16">
@@ -605,23 +605,23 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">多视图展示（看板/日历/列表）</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="多视图展示（看板/日历/列表）">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务自定义字段</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务自定义字段">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务自定义字段">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务循环</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务循环">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务循环">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务映射</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务映射">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务映射">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">任务依赖性</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="任务依赖性">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="任务依赖性">
                       </div>
                     </li>
                     <li class="plans-ol-768-item">
@@ -630,19 +630,19 @@
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目进展</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目进展">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目进展">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目模板</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目模板">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目模板">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">项目自定义视图</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="项目自定义视图">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="项目自定义视图">
                       </div>
                       <div class="plans-ol-768-content">
                         <h6 class="txt-4001516 plans-ol-item-h6">时间轴视图（甘特图）</h6>
-                        <img class="plans-ol-item-icon" src="../../img/price_icon1.svg" alt="时间轴视图（甘特图）">
+                        <img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
                       </div>
                     </li>
                     <div class="price-card-money mb-16">
@@ -665,7 +665,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -696,7 +696,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -713,7 +713,7 @@
                     <li 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/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -725,13 +725,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 价格卡片切换函数 */ 
   const tabs = document.querySelector('.price-card');
diff --git a/public/site/site/zh/product.html b/public/site/zh/product.html
similarity index 82%
rename from public/site/site/zh/product.html
rename to public/site/zh/product.html
index b5cf57fba..65cc5c86e 100644
--- a/public/site/site/zh/product.html
+++ b/public/site/zh/product.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/product.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/product.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -105,62 +105,62 @@
       <div class="prooduct-con">
         <ul class="prooduct-list">
           <i class="prev" onclick="prevHandle()">
-            <img src="../../img/prev.svg" alt="一个产品，多种强大的工具">
+            <img src="../img/prev.svg" alt="一个产品，多种强大的工具">
           </i>
           <!-- 2个item -->
           <li class="prooduct-list-item active top" style="--delay: 0s;">
-            <img class="icon first-icon" src="../../img/product_icons0_h.svg" alt="协同创作">
+            <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;">
-            <img class="icon" src="../../img/product_icons1.svg" alt="即时沟通">
+            <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;">
-            <img class="icon" src="../../img/product_icons2.svg" alt="项目管理">
+            <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;">
-            <img class="icon" src="../../img/product_icons3.svg" alt="任务仪表盘">
+            <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;">
-            <img class="icon" src="../../img/product_icons4.svg" alt="任务日历">
+            <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;">
-            <img class="icon" src="../../img/product_icons5.svg" alt="机器人助手">
+            <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;">
-            <img class="icon" src="../../img/product_icons6.svg" alt="团队管理">
+            <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;">
-            <img class="icon" src="../../img/product_icons7.svg" alt="端到端加密">
+            <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;">
-            <img class="icon" src="../../img/product_icons8.svg" alt="多平台应用">
+            <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="一个产品，多种强大的工具">
+            <img src="../img/next.svg" alt="一个产品，多种强大的工具">
           </i>
         </ul>
         <ul class="prooduct-ul">
           <li class="details active">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic1.svg" alt="团队协作无界限,不再是文件孤岛">
-              <img class="pic theme_dark" src="../../img/dark/product_pic1.svg" alt="团队协作无界限,不再是文件孤岛">
+              <img class="pic theme_light" src="../img/light/product_pic1.svg" alt="团队协作无界限,不再是文件孤岛">
+              <img class="pic theme_dark" src="../img/dark/product_pic1.svg" alt="团队协作无界限,不再是文件孤岛">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -177,8 +177,8 @@
           </li>
           <li class="details">
             <div class="details-con details-con-item4">
-              <img class="pic theme_light" src="../../img/light/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
-              <img class="pic theme_dark" src="../../img/dark/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
+              <img class="pic theme_light" src="../img/light/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
+              <img class="pic theme_dark" src="../img/dark/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
               <ul class="details-ul item4">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -204,8 +204,8 @@
             </div>
             <ul class="details-ul-1280 item4-1280">
               <li class="details-ul-item mb-40">
-                <img class="pic theme_light" src="../../img/light/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
-                <img class="pic theme_dark" src="../../img/dark/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
+                <img class="pic theme_light" src="../img/light/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
+                <img class="pic theme_dark" src="../img/dark/product_pic2.svg" alt="聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会">
               </li>
               <li class="details-ul-item mb-36">
                 <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -231,8 +231,8 @@
           </li>
           <li class="details">
             <div class="details-con details-con-item4">
-              <img class="pic theme_light" src="../../img/light/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
-              <img class="pic theme_dark" src="../../img/dark/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
+              <img class="pic theme_light" src="../img/light/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
+              <img class="pic theme_dark" src="../img/dark/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
               <ul class="details-ul item4">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -258,8 +258,8 @@
             </div>
             <ul class="details-ul-1280 item4-1280">
               <li class="details-ul-item mb-40">
-                <img class="pic theme_light" src="../../img/light/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
-                <img class="pic theme_dark" src="../../img/dark/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
+                <img class="pic theme_light" src="../img/light/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
+                <img class="pic theme_dark" src="../img/dark/product_pic3.svg" alt="多样式管理模版,关联文件一键归档,项目化办公，行动可视化,动态管理，实时监控">
               </li>
               <li class="details-ul-item mb-36">
                 <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -285,8 +285,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic4.svg" alt="全面洞悉任务数据">
-              <img class="pic theme_dark" src="../../img/dark/product_pic4.svg" alt="全面洞悉任务数据">
+              <img class="pic theme_light" src="../img/light/product_pic4.svg" alt="全面洞悉任务数据">
+              <img class="pic theme_dark" src="../img/dark/product_pic4.svg" alt="全面洞悉任务数据">
               <ul class="details-ul">
                 <li class="details-ul-item" style="margin-bottom: 36px;">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -298,8 +298,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic5.svg" alt="精准掌握时间进度,多款日历视图">
-              <img class="pic theme_dark" src="../../img/dark/product_pic5.svg" alt="精准掌握时间进度,多款日历视图">
+              <img class="pic theme_light" src="../img/light/product_pic5.svg" alt="精准掌握时间进度,多款日历视图">
+              <img class="pic theme_dark" src="../img/dark/product_pic5.svg" alt="精准掌握时间进度,多款日历视图">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -316,8 +316,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic6.svg" alt="智能提示，让科技贴近生活">
-              <img class="pic theme_dark" src="../../img/dark/product_pic6.svg" alt="智能提示，让科技贴近生活">
+              <img class="pic theme_light" src="../img/light/product_pic6.svg" alt="智能提示，让科技贴近生活">
+              <img class="pic theme_dark" src="../img/dark/product_pic6.svg" alt="智能提示，让科技贴近生活">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -334,8 +334,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic7.svg" alt="全面提升层级化组织效能,多功能协助企业管理团队">
-              <img class="pic theme_dark" src="../../img/dark/product_pic7.svg" alt="全面提升层级化组织效能,多功能协助企业管理团队">
+              <img class="pic theme_light" src="../img/light/product_pic7.svg" alt="全面提升层级化组织效能,多功能协助企业管理团队">
+              <img class="pic theme_dark" src="../img/dark/product_pic7.svg" alt="全面提升层级化组织效能,多功能协助企业管理团队">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -352,8 +352,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic8.svg" alt="掌控加密密钥，保障安全可靠">
-              <img class="pic theme_dark" src="../../img/dark/product_pic8.svg" alt="数据分类加密，实现安全同步">
+              <img class="pic theme_light" src="../img/light/product_pic8.svg" alt="掌控加密密钥，保障安全可靠">
+              <img class="pic theme_dark" src="../img/dark/product_pic8.svg" alt="数据分类加密，实现安全同步">
               <ul class="details-ul">
                 <li class="details-ul-item mb-36">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -370,8 +370,8 @@
           </li>
           <li class="details">
             <div class="details-con">
-              <img class="pic theme_light" src="../../img/light/product_pic9.svg" alt="多平台应用">
-              <img class="pic theme_dark" src="../../img/dark/product_pic9.svg" alt="多平台应用">
+              <img class="pic theme_light" src="../img/light/product_pic9.svg" alt="多平台应用">
+              <img class="pic theme_dark" src="../img/dark/product_pic9.svg" alt="多平台应用">
               <ul class="details-ul">
                 <li class="details-ul-item">
                   <h1 class="txt-7003645 serial-number mb-24">01</h1>
@@ -388,7 +388,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -404,7 +404,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -426,7 +426,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -440,7 +440,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -472,14 +472,14 @@
             <div class="manage-b mt-80">
               <ul class="manage-ul product-animate-box" style="--delay: 0s;">
                 <li class="manage-ul-item mb-32">
-                  <img class="manage-icon mr-16" src="../../img/product_subtract.svg" alt="考勤统计实时查看">
+                  <img class="manage-icon mr-16" src="../img/product_subtract.svg" alt="考勤统计实时查看">
                   <div class="manage-tit">
                     <h3 class="txt-5002025 manage-h3 mb-16">考勤统计实时查看</h3>
                     <h6 class="txt-4001624 manage-h6">随时随地查看出勤数据，记录每个团队成员的工作时间，包括上班时间、下班时间、加班时间等，在企业内部实现目标管理以及绩效管理；</h6>
                   </div>
                 </li>
                 <li class="manage-ul-item">
-                  <img class="manage-icon mr-16" src="../../img/product_subtract.svg" alt="极速打卡极致体验">
+                  <img class="manage-icon mr-16" src="../img/product_subtract.svg" alt="极速打卡极致体验">
                   <div class="manage-tit">
                     <h3 class="txt-5002025 manage-h3 mb-16">极速打卡极致体验</h3>
                     <h6 class="txt-4001624 manage-h6">系统识别并连接公司wifi自动打卡，告别排队以及打开手机操作，员工不再忘记打卡；</h6>
@@ -487,17 +487,17 @@
                 </li>
               </ul>
               <div class="manage-ul-item product-animate-box" style="--delay: 0.1s;">
-                <img class="manage-icon mr-16" src="../../img/product_subtract.svg" alt="考勤数据可视化分析">
+                <img class="manage-icon mr-16" src="../img/product_subtract.svg" alt="考勤数据可视化分析">
                 <div class="manage-tit">
                   <h3 class="txt-5002025 manage-h3 mb-16">考勤数据可视化分析</h3>
                   <h6 class="txt-4001624 manage-h6">统计每个团队成员的出勤率、迟到次数、早退次数、加班时长等相关数据，并生成可视化的统计图表。通过这些数据和图表，企业管理层可以深入了解团队成员的工作状况和工作效率，为后续的人事安排和绩效考核提供参考依据。</h6>
                 </div>
               </div>
               <div class="manage-svg product-animate-box" style="--delay: 0.2s;">
-                <img class="manage-bg theme_light" src="../../img/light/product_pic10.svg" alt="顺利打卡上班">
-                <img class="manage-bg theme_dark" src="../../img/dark/product_pic10.svg" alt="顺利打卡上班">
+                <img class="manage-bg theme_light" src="../img/light/product_pic10.svg" alt="顺利打卡上班">
+                <img class="manage-bg theme_dark" src="../img/dark/product_pic10.svg" alt="顺利打卡上班">
                 <div class="manage-tips">
-                  <img src="../../img/product_icon1.svg" alt="出勤签到">
+                  <img src="../img/product_icon1.svg" alt="出勤签到">
                   <i class="manage-tips-txt txt-4001822">顺利打卡上班</i>
                 </div>
                 <h2 class="manage-svg-h2 txt-6003652">出勤签到</h2>
@@ -508,8 +508,8 @@
         <article class="performance">
           <div class="performance-con">
             <h1 class="txt-5003645 performance-h1">数字化绩效</h1>
-            <img class="pic mt-80 theme_light"  src="../../img/light/zh_product_pic11.png" alt="数字化绩效">
-            <img class="pic mt-80 theme_dark"  src="../../img/dark/zh_product_pic11.png" alt="数字化绩效">
+            <img class="pic mt-80 theme_light"  src="../img/light/zh_product_pic11.png" alt="数字化绩效">
+            <img class="pic mt-80 theme_dark"  src="../img/dark/zh_product_pic11.png" alt="数字化绩效">
             <ul class="performance-ul">
               <li class="performance-ul-item product-animate-box2" style="--delay: 0s;">
                 <i class="icon mb-24"></i>
@@ -546,7 +546,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -577,7 +577,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -594,7 +594,7 @@
                     <li 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/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -606,13 +606,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 产品卡片切换函数 */ 
   const tabs = document.querySelector('.prooduct-con');
@@ -629,14 +629,14 @@
       // 切换激活状态
       for (let [index,value] of tabItems.entries()) {
         if(value === clickedItem){
-          icons[index].setAttribute('src', `../../img/product_icons${index}_h.svg`)
+          icons[index].setAttribute('src', `../img/product_icons${index}_h.svg`)
           cardItems[index].classList.add('active');
           if(index != 0 || index != 8){
             cardItems[currentIndex].classList.remove('active');
           }
           currentIndex = index
         }else{
-          icons[index].setAttribute('src', `../../img/product_icons${index}.svg`)
+          icons[index].setAttribute('src', `../img/product_icons${index}.svg`)
         }
         value.classList.toggle('active', value === clickedItem);
       }
@@ -658,7 +658,7 @@
     if(currentIndex != 0) {
       currentIndex =  currentIndex - 1
       cardItems[currentIndex + 1].classList.remove('active');
-      firstIcon.setAttribute('src', `../../img/product_icons${currentIndex + 1}_h.svg`)
+      firstIcon.setAttribute('src', `../img/product_icons${currentIndex + 1}_h.svg`)
       firstTxt.innerHTML = productNameObj[currentIndex]
       cardItems[currentIndex].classList.add('active');
     }
@@ -667,7 +667,7 @@
     if(currentIndex != 8){
       currentIndex =  currentIndex + 1
       cardItems[currentIndex - 1].classList.remove('active');
-      firstIcon.setAttribute('src', `../../img/product_icons${currentIndex - 1}_h.svg`)
+      firstIcon.setAttribute('src', `../img/product_icons${currentIndex - 1}_h.svg`)
       firstTxt.innerHTML = productNameObj[currentIndex]
       cardItems[currentIndex].classList.add('active');
     }
diff --git a/public/site/site/zh/solutions.html b/public/site/zh/solutions.html
similarity index 87%
rename from public/site/site/zh/solutions.html
rename to public/site/zh/solutions.html
index 0d8e03b8a..52fb897e0 100644
--- a/public/site/site/zh/solutions.html
+++ b/public/site/zh/solutions.html
@@ -5,12 +5,12 @@
   <title>DooTask</title>
   <meta name="google" value="notranslate">
   <meta name="description" content="DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。">
-  <meta name="keywords" content="中国 Dootask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
+  <meta name="keywords" content="中国 DooTask 开源在线项目 任务管理工具 任务管理 轻量级 海豚有海 团队协作">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="shortcut icon" href="../../img/favicon.ico">
-  <link rel="stylesheet" href="../../css/common.css">
-  <link rel="stylesheet" type="text/css" href="../../css/rem.css">
-  <link rel="stylesheet" href="../../css/solution.css">
+  <link rel="shortcut icon" href="../img/favicon.ico">
+  <link rel="stylesheet" href="../css/common.css">
+  <link rel="stylesheet" type="text/css" href="../css/rem.css">
+  <link rel="stylesheet" href="../css/solution.css">
 </head>
 <body>
   <div id="layout">
@@ -19,7 +19,7 @@
       <div class="nav">
         <div class="nav-layout">
           <a href="../zh/index.html" class="logo">
-            <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+            <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
             <i class="dootask txt-7002027">DooTask</i>
           </a>
           <ul class="nav-ul">
@@ -32,7 +32,7 @@
             <li class="nav-ul-item">
               <i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
                 支持
-                <img src="../../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
+                <img src="../img/vector.svg" alt="支持" class="nav-vector" id="drop-down-svg">
               </i>
               <ol class="submenu-pop" id="submenu-pop">
                 <li class="submenu-pop-item" onclick="changeMenu()">
@@ -52,7 +52,7 @@
           </ul>
           <div class="nav-r">
             <div class="lang" id="lang-img">
-              <img src="../../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
+              <img src="../img/lang-select.svg" alt="语言切换" onclick="shouLangPopHandle()">
               <ul class="lang-pop" id="lang-pop">
                 <li class="lang-pop-item" onclick="changeLanguage('zh')">
                   <i class="lang-txt">简体中文</i>
@@ -63,14 +63,14 @@
               </ul>
             </div>
             <i class="nav-r-icon theme_dark" onclick="setTheme('light')">
-              <img src="../../img/light.svg" alt="明亮主题">
+              <img src="../img/light.svg" alt="明亮主题">
             </i>
             <i class="nav-r-icon theme_light" onclick="setTheme('dark')">
-              <img src="../../img/drak.svg" alt="暗黑主题">
+              <img src="../img/drak.svg" alt="暗黑主题">
             </i>
             <a href="https://github.com/kuaifan/dootask" target="_blank">
               <i class="nav-r-icon">
-                <img src="../../img/github.svg" alt="github">
+                <img src="../img/github.svg" alt="github">
               </i>
             </a>
             <i class="line-1"></i>
@@ -81,7 +81,7 @@
             </span>
           </div>
           <div class="menuBtn">
-            <img id="menuBtn" src="../../img/menu.svg" alt="菜单">
+            <img id="menuBtn" src="../img/menu.svg" alt="菜单">
           </div>
         </div>
       </div>
@@ -91,7 +91,7 @@
             <div class="topics-tit mb-32" style="width: auto !important;">
               <span class="txt-6007290 topics-h1">帮助您更好地进行协作</span>
             </div>
-            <h4 class="txt-4001830 topics-h4 mb-32" style="width: auto !important;">Dootask提供了一系列基于不同场景的解决方案，以便您可以快速开始与您的团队或部门合作</h4>
+            <h4 class="txt-4001830 topics-h4 mb-32" style="width: auto !important;">DooTask提供了一系列基于不同场景的解决方案，以便您可以快速开始与您的团队或部门合作</h4>
             <div class="flex-cc topics-btn">
               <span class="mr-24 get-started">
                 <a href="https://www.dootask.com/manage/dashboard"  target="_blank">
@@ -107,7 +107,7 @@
     <div class="drawer">
       <div class="drawer-t mb-36">
         <a href="../zh/index.html" class="logo">
-          <img id="logo" src="../../img/light/logo.svg" alt="DooTaskLogo">
+          <img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo">
           <i class="dootask txt-7002027">DooTask</i>
         </a>
         <i class="close-drawer" onclick="closeDraweHandle()">✕</i>
@@ -123,7 +123,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('support')">
             <i class="txt-4001620 txt">
               支持
-              <img src="../../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
+              <img src="../img/vector.svg" class="nav-vector" alt="支持" id="drawer-down-support-svg">
             </i>
           </div>
           <ol class="drawer-active" id="support" style="display: none;">
@@ -145,7 +145,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('theme')">
             <i class="txt-4001620 txt">
               主题
-              <img src="../../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
+              <img src="../img/vector.svg" alt="主题" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
           <ol class="drawer-active" id="theme" style="display: none;">
@@ -159,7 +159,7 @@
           <div class="drawer-item" onclick="expandMenuHandle('language')">
             <i class="txt-4001620 txt">
               语言
-              <img src="../../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
+              <img src="../img/vector.svg" alt="语言" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
           <ol class="drawer-active" id="language" style="display: none;">
@@ -194,28 +194,28 @@
               <ul class="app-ul mt-80">
                 <li class="app-ul-item mb-48">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic1" src="../../img/light/zh_solution_pic1.png" alt="项目管理">
+                    <img class="app-bg" id="solution_pic1" src="../img/light/zh_solution_pic1.png" alt="项目管理">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">项目管理</h4>
                   <h6 class="txt-4001624 app-h6">支持多种项目管理模式，如敏捷开发、水晶计划、看板等，适用于各种规模和类型的项目管理。用户可以使用DooTask里的项目管理工具，例如任务分配、进度跟踪、资源分配等来管理整个项目。</h6>
                 </li>
                 <li class="app-ul-item mb-48">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic2" src="../../img/light/zh_solution_pic2.png" alt="团队协作">
+                    <img class="app-bg" id="solution_pic2" src="../img/light/zh_solution_pic2.png" alt="团队协作">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">团队协作</h4>
                   <h6 class="txt-4001624 app-h6">DooTask的丰富实用的工具可以方便团队成员之间的沟通和协作，提高工作效率。例如，团队成员可以使用DooTask里的文档协作工具、在线思维导图、流程图等工具进行协作。</h6>
                 </li>
                 <li class="app-ul-item">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic3" src="../../img/light/zh_solution_pic3.png" alt="数据安全保护">
+                    <img class="app-bg" id="solution_pic3" src="../img/light/zh_solution_pic3.png" alt="数据安全保护">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">数据安全保护</h4>
                   <h6 class="txt-4001624 app-h6">DooTask在消息功能上使用非对称加密技术，确保用户的信息得到最大程度的保护。此外，它还提供了强大的权限管理系统，能够根据不同用户的角色和职责，灵活地设置他们在项目管理中的权限和操作范围。</h6>
                 </li>
                 <li class="app-ul-item">
                   <div class="app-bg-box">
-                    <img class="app-bg" id="solution_pic4" src="../../img/light/solution_pic4.png" alt="自由定制">
+                    <img class="app-bg" id="solution_pic4" src="../img/light/solution_pic4.png" alt="自由定制">
                   </div>
                   <h4 class="txt-5002025 app-h4 mb-16">自由定制</h4>
                   <h6 class="txt-4001624 app-h6">DooTask是一款完全开源的工具，用户可以自由修改和定制，避免了商业软件订阅费用带来的额外成本。</h6>
@@ -229,19 +229,19 @@
             <h1 class="txt-5004455 team-tit">团队运营</h1>
             <ul class="team-ul mt-80">
               <li class="team-ul-item team-ul-item-zh solutions-animate-box" style="--delay: 0s;">
-                <img class="team-icon mb-24" src="../../img/solution_icon1.svg" alt="公司管理">
+                <img class="team-icon mb-24" src="../img/solution_icon1.svg" alt="公司管理">
                 <h4 class="txt-5002025 app-h4 mb-16">公司管理</h4>
                 <h6 class="txt-4001624 app-h6">帮助企业对其公司目标，将目标、关键结果与个人工作连接，共同推动战略落地、目标达成；通过协同创作，共享企业各项工作的进度、完成状态、日程安排，促进信息流动，让全员获取项目关键信息，及时跟进，推动跨部门协作。</h6>
               </li>
               <li class="team-ul-item team-ul-item-zh solutions-animate-box" style="--delay: 0.1s;">
-                <img class="team-icon mb-24" src="../../img/solution_icon2.svg" alt="产品管理">
+                <img class="team-icon mb-24" src="../img/solution_icon2.svg" alt="产品管理">
                 <h4 class="txt-5002025 app-h4 mb-16">产品管理</h4>
                 <h6 class="txt-4001624 app-h6">自定义产品研发过程的工作流程，在不同阶段把任务分派不同角色，推动产品研发进程；
                   各完成项目及任务历史资料统一归档，方便随时调用或展开讨论，形成知识沉淀到复用的闭环。
                   </h6>
               </li>
               <li class="team-ul-item team-ul-item-zh solutions-animate-box" style="--delay: 0.2s;">
-                <img class="team-icon mb-24" src="../../img/solution_icon3.svg" alt="人事行政">
+                <img class="team-icon mb-24" src="../img/solution_icon3.svg" alt="人事行政">
                 <h4 class="txt-5002025 app-h4 mb-16">人事行政</h4>
                 <h6 class="txt-4001624 app-h6">通过数据可视化统计报表获取多维度企业数据，全面了解员工表现，让绩效评价更客观、公正；使用公告发布通知，安排公司活动，传递企业决策，便于塑造企业文化，让员工更有参与感。</h6>
               </li>
@@ -256,7 +256,7 @@
         <div class="footer-layut">
           <div class="footer-l">
             <a href="../zh/index.html" class="logo">
-              <img id="logo" src="../../img/light/logo.svg" alt="DooTask,Logo">
+              <img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo">
               <i class="dootask txt-7002027">DooTask</i>
             </a>
             <i class="txt txt-4001624">帮助团队有效地推进项目，使工作更轻松。</i>
@@ -287,7 +287,7 @@
                     <a class="txt-4001624 txt" href="../zh/download.html">下载中心</a>
                   </li>
                   <li class="footer-ol-item">
-                    <a class="txt-4001624 txt" href="../zh/about.html">帮助中心</a>
+                    <a class="txt-4001624 txt" href="../zh/help.html">帮助中心</a>
                   </li>
                 </ol>
               </li>
@@ -304,7 +304,7 @@
                     <li 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/light/home_code.svg" alt="群号：546574618">
+                        <img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="群号：546574618">
                         <i class="group_num">群号：546574618</i>
                         <i class="lower_triangle"></i>
                       </div>
@@ -316,13 +316,13 @@
           </div>
         </div>
         <div class="txt-4001624 filings">
-          Copyright © 2022-2023 Dootask. All rights reserved.
+          Copyright © 2022-2023 DooTask. All rights reserved.
         </div>
       </div>
     </footer>
   </div>
 </body>
-<script src="../../js/common.js"></script>
+<script src="../js/common.js"></script>
 <script>
   /* 滑动到可视区域执行动画 */ 
   const boxes = document.querySelectorAll('.solutions-animate-box');
