diff --git a/packages/effects/common-ui/src/ui/authentication/doc-link.vue b/packages/effects/common-ui/src/ui/authentication/doc-link.vue
new file mode 100644
index 000000000..4c0e632cb
--- /dev/null
+++ b/packages/effects/common-ui/src/ui/authentication/doc-link.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+defineOptions({
+  name: 'DocLink',
+});
+</script>
+
+<template>
+  <div class="w-full sm:mx-auto md:max-w-md">
+    <div class="mt-4 flex items-center justify-between">
+      <span class="border-input w-[35%] border-b dark:border-gray-600"></span>
+      <span class="text-muted-foreground text-center text-xs uppercase">
+        萌新必读
+      </span>
+      <span class="border-input w-[35%] border-b dark:border-gray-600"></span>
+    </div>
+
+    <div class="w-full mt-4 flex justify-between">
+      <a href="https://doc.iocoder.cn/" target="_blank" class="text-primary hover:text-primary/80 text-sm">
+        📚 开发指南
+      </a>
+      <a href="https://doc.iocoder.cn/video/" target="_blank" class="text-primary hover:text-primary/80 text-sm">
+        🔥 视频教程
+      </a>
+      <a href="https://www.iocoder.cn/Interview/good-collection/" target="_blank" class="text-primary hover:text-primary/80 text-sm">
+        ⚡ 面试手册
+      </a>
+      <a href="http://static.yudao.iocoder.cn/mp/Aix9975.jpeg" target="_blank" class="text-primary hover:text-primary/80 text-sm">
+        🤝 外包咨询
+      </a>
+    </div>
+  </div>
+</template>
diff --git a/packages/effects/common-ui/src/ui/authentication/index.ts b/packages/effects/common-ui/src/ui/authentication/index.ts
index ac5e1e014..71f41a889 100644
--- a/packages/effects/common-ui/src/ui/authentication/index.ts
+++ b/packages/effects/common-ui/src/ui/authentication/index.ts
@@ -4,4 +4,5 @@ export { default as AuthenticationLoginExpiredModal } from './login-expired-moda
 export { default as AuthenticationLogin } from './login.vue';
 export { default as AuthenticationQrCodeLogin } from './qrcode-login.vue';
 export { default as AuthenticationRegister } from './register.vue';
+export { default as DocLink } from './doc-link.vue';
 export type { AuthenticationProps } from './types';
diff --git a/packages/effects/common-ui/src/ui/authentication/login.vue b/packages/effects/common-ui/src/ui/authentication/login.vue
index 850697a49..bd25b9d31 100644
--- a/packages/effects/common-ui/src/ui/authentication/login.vue
+++ b/packages/effects/common-ui/src/ui/authentication/login.vue
@@ -15,6 +15,7 @@ import { VbenButton, VbenCheckbox } from '@vben-core/shadcn-ui';
 
 import Title from './auth-title.vue';
 import ThirdPartyLogin from './third-party-login.vue';
+import DocLink from './doc-link.vue';
 
 interface Props extends AuthenticationProps {
   formSchema: VbenFormSchema[];
@@ -192,5 +193,8 @@ defineExpose({
         </span>
       </div>
     </slot>
+
+    <!-- 萌新必读 -->
+    <DocLink />
   </div>
 </template>