Update.

Author: Jiu-xiao

i18n/en/code.json

@@ -331,5 +331,8 @@
   "cmfcmf/d-s-l.searchBar.noResults": {
     "message": "No results found.",
     "description": "message shown if no results are found"
+  },
+  "homepage.onlineDemo": {
+    "message": "Online Demo"
   }
 }

i18n/en/docusaurus-plugin-content-docs/current.json

@@ -6,5 +6,17 @@
   "sidebar.docs.category.Environment Setup": {
     "message": "Environment Setup",
     "description": "The label for category Environment Setup in sidebar docs"
+  },
+  "sidebar.docs.category.Code Generation": {
+    "message": "Code Generation",
+    "description": "The label for category Code Generation in sidebar docs"
+  },
+  "sidebar.docs.category.STM32 Code Generation": {
+    "message": "STM32 Code Generation",
+    "description": "The label for category STM32 Code Generation in sidebar docs"
+  },
+  "sidebar.docs.category.Project Management (XRobot)": {
+    "message": "Project Management (XRobot)",
+    "description": "The label for category Project Management (XRobot) in sidebar docs"
   }
 }

src/pages/index.tsx

@@ -53,6 +53,7 @@ export default function Home(): JSX.Element {
 
             <motion.div
               className="buttons"
+              style={{ display: 'flex', gap: '1.5rem', justifyContent: 'center', flexWrap: 'wrap' }}
               initial={{ opacity: 0, scale: 0.95 }}
               animate={{ opacity: 1, scale: 1 }}
               transition={{ delay: 0.6, duration: 0.6 }}
@@ -63,6 +64,13 @@ export default function Home(): JSX.Element {
               >
                 <Translate id="homepage.getStarted">开始阅读</Translate>
               </Link>
+              
+              <Link
+                className="button button--secondary button--lg"
+                to="https://xrobot-org.github.io/libxr_web_demo/"
+              >
+                <Translate id="homepage.onlineDemo">在线演示</Translate>
+              </Link>
             </motion.div>
           </div>
         </section>