diff --git "a/docs/\351\207\221\347\211\214\345\256\242\346\234\215\351\251\254\345\273\272\344\273\223.mdx" "b/docs/\351\207\221\347\211\214\345\256\242\346\234\215\351\251\254\345\273\272\344\273\223.mdx"
new file mode 100644
index 0000000000000000000000000000000000000000..0eac570ab8aac5ef0374c44bd6d33f41346f4745
--- /dev/null
+++ "b/docs/\351\207\221\347\211\214\345\256\242\346\234\215\351\251\254\345\273\272\344\273\223.mdx"
@@ -0,0 +1,6 @@
+import ChatBot from '@site/src/components/chat-bot';
+
+- AI 输出，仅用于文档参考，不代表官方观点
+- 请登录 Gitee AI 后使用
+
+<ChatBot/>
\ No newline at end of file
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 4a8b0879ca08baf29f251fae45630425558b4fd4..d913dcb65ec385131d9874eb1e82ab42802573fc 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -127,6 +127,11 @@ const config: Config = {
             },
           ],
         },
+        {
+          label: 'AI 客服',
+          to: '/docs/金牌客服马建仓',
+          target: '_self',
+        }
       ],
     },
     footer: {
diff --git a/sidebars.ts b/sidebars.ts
index 3841de3326afa60a2c2a55f3e8e22cf02b61662a..799748d4984e2bcf3192f79cd7035450c0b48da0 100644
--- a/sidebars.ts
+++ b/sidebars.ts
@@ -167,7 +167,7 @@ const sidebars: SidebarsConfig = {
       type: 'doc',
       id: 'repositories',
     },
-    
+
     {
       type: 'category',
       collapsed: true,
@@ -188,7 +188,7 @@ const sidebars: SidebarsConfig = {
         },
       ],
     },
-    
+
     {
       type: 'category',
       collapsed: true,
@@ -198,7 +198,7 @@ const sidebars: SidebarsConfig = {
           type: 'doc',
           id: 'organization/personal-dashboard',
         },
-    
+
         {
           type: 'doc',
           id: 'organization/create-organization',
@@ -236,10 +236,10 @@ const sidebars: SidebarsConfig = {
         },
       ],
     },
-      {
-        type: 'doc',
-        id: 'question-answer',
-      },
+    {
+      type: 'doc',
+      id: 'question-answer',
+    },
   ],
 };
 
diff --git a/src/components/chat-bot.jsx b/src/components/chat-bot.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..63b625402c7803ac3cae673ee12edbba28e7dc1b
--- /dev/null
+++ b/src/components/chat-bot.jsx
@@ -0,0 +1,24 @@
+import React, { useEffect, useRef } from 'react';
+export default function ChatBot({ children, color }) {
+  const chatBotRef = useRef(null);
+
+  useEffect(() => {
+    const container = document.querySelector('.container');
+    const width = container ? getComputedStyle(container, null).width : "100%";
+    if (chatBotRef.current) {
+      chatBotRef.current.style.width = width;
+    }
+  }, []);
+
+  return (
+    <iframe ref={chatBotRef} id="ai-robot-iframe" title="stringify/gitee-ai-docs" referrerPolicy="no-referrer-when-downgrade"
+      style={{
+        width: "100%",
+        height: "100%",
+        minHeight: "80vh",
+      }}
+      src="https://ai.gitee.com/apps/stringify/gitee-ai-docs?header=mini"
+      allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; clipboard-write; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads allow-storage-access-by-user-activation" id="iFrameResizer0" scrolling="no">
+    </iframe>
+  );
+}
\ No newline at end of file
diff --git a/src/css/custom.css b/src/css/custom.css
index 7320ca5b13e4c30d0b81c0b8b902b1a40064a0cc..dca81d2b021db969bc97ddc2ce814f9e157d5969 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -107,6 +107,8 @@ article img {
   border-radius: 8px;
   width: auto !important;
   height: auto !important;
+  max-width: 100%;
+  max-height: 250px !important;
 }
 
 article table th {