feat: update docs

website/app/[lang]/[[...mdxPath]]/page.jsx

@@ -27,7 +27,7 @@ const Page = async (props) => {
   const params = await props.params;
   const result = await importPage(params.mdxPath, params.lang);
   const { default: MDXContent, toc, metadata, sourceCode } = result;
-  console.log(props, "props", toc, metadata, sourceCode);
+
   return (
     <Wrapper toc={toc} metadata={metadata} sourceCode={sourceCode}>
       <MDXContent {...props} params={params} />

website/app/[lang]/layout.tsx

@@ -25,12 +25,10 @@ const LanguageLayout: FC<LayoutProps> = async ({ children, params }) => {
     return page.name === lang;
   });
 
-  console.log("pageMap", pageMap);
-
   const banner = (
-    <Banner storageKey='qwen-code-announce'>
+    <Banner storageKey="qwen-code-announce">
       🚀 Free 2000 requests per day! Qwen Code AI coding agent is now open
-      source! <Link href='/'>Learn more →</Link>
+      source! <Link href="/">Learn more →</Link>
     </Banner>
   );
 
@@ -39,25 +37,25 @@ const LanguageLayout: FC<LayoutProps> = async ({ children, params }) => {
       logo={
         <>
           <span
-            className='ms-2 select-none font-extrabold max-md:hidden flex items-center'
+            className="ms-2 select-none font-extrabold max-md:hidden flex items-center"
             title={`Qwen Code: AI Coding Agent`}
           >
             <img
-              src='https://assets.alicdn.com/g/qwenweb/qwen-webui-fe/0.0.191/static/favicon.png'
-              alt='Qwen Code'
+              src="https://assets.alicdn.com/g/qwenweb/qwen-webui-fe/0.0.191/static/favicon.png"
+              alt="Qwen Code"
               width={32}
               height={32}
-              className='inline-block align-middle mr-2'
+              className="inline-block align-middle mr-2"
               style={{ verticalAlign: "middle" }}
             />
-            <span className='text-[1.3rem]  font-normal align-middle mr-1'>
+            <span className="text-[1.3rem]  font-normal align-middle mr-1">
               Qwen
             </span>
-            <span className='text-[1.3rem] font-normal align-middle'>Code</span>
+            <span className="text-[1.3rem] font-normal align-middle">Code</span>
           </span>
         </>
       }
-      projectLink='https://github.com/QwenLM/qwen-code'
+      projectLink="https://github.com/QwenLM/qwen-code"
     >
       <LanguageDropdown currentLang={lang} />
     </Navbar>
@@ -68,7 +66,7 @@ const LanguageLayout: FC<LayoutProps> = async ({ children, params }) => {
       // banner={banner}
       navbar={navbar}
       footer={null}
-      docsRepositoryBase='https://github.com/QwenLM/qwen-code/blob/main/docs'
+      docsRepositoryBase="https://github.com/QwenLM/qwen-code/blob/main/docs"
       i18n={[
         { locale: "en", name: "English" },
         { locale: "zh", name: "中文" },

website/src/styles/globals.css

@@ -1,7 +1,38 @@
 @import "tailwindcss";
 @import "tw-animate-css";
+@import "nextra-theme-docs/style.css";
 @source "../**/*.{ts,tsx}";
 
+.x\:lg\:-translate-y-1\/2,
+.x\:lg\:after\:content-\[\"–\"\],
+.x\:lg\:border-b,
+.x\:lg\:right-full,
+.x\:lg\:top-1\/2,
+.x\:max-md\:break-all,
+.x\:max-md\:h-full,
+.x\:max-md\:hidden,
+.x\:max-md\:me-auto,
+.x\:max-md\:overflow-hidden,
+.x\:max-md\:sticky,
+.x\:max-sm\:hidden,
+.x\:md\:-mx-8,
+.x\:md\:hidden,
+.x\:md\:justify-start,
+.x\:md\:max-h-\[min\(calc\(100vh-5rem\)\,400px\)\]\!,
+.x\:md\:min-h-28,
+.x\:md\:px-12,
+.x\:md\:text-lg,
+.x\:md\:text-sm,
+.x\:md\:w-64,
+.x\:md\:w-\[576px\] {
+  @media (width >= 64rem) {
+    &:after {
+      --tw-content: "";
+      content: var(--tw-content);
+    }
+  }
+}
+
 /* @custom-variant dark (&:is(.dark *)); */
 
 /* :root {