diff --git a/core/core-frontend/src/layout/components/TopDoc.vue b/core/core-frontend/src/layout/components/TopDoc.vue
index 9b304b1f69..91bf9d0db1 100644
--- a/core/core-frontend/src/layout/components/TopDoc.vue
+++ b/core/core-frontend/src/layout/components/TopDoc.vue
@@ -3,6 +3,7 @@ import topEnterpriseTrial from '@/assets/svg/top-enterprise-trial.svg'
 import topHelpDoc from '@/assets/svg/top-help-doc.svg'
 import topProductBbs from '@/assets/svg/top-product-bbs.svg'
 import topTechnology from '@/assets/svg/top-technology.svg'
+import { useI18n } from '@/hooks/web/useI18n'
 import docs from '@/assets/svg/docs.svg'
 import { computed } from 'vue'
 import { Icon } from '@/components/icon-custom'
@@ -11,16 +12,29 @@ import { useAppearanceStoreWithOut } from '@/store/modules/appearance'
 const appearanceStore = useAppearanceStoreWithOut()
 const navigateBg = computed(() => appearanceStore.getNavigateBg)
 const help = computed(() => appearanceStore.getHelp)
+const { t } = useI18n()
 
 const cardInfoList = [
-  { name: '帮助文档', url: help.value || 'https://dataease.io/docs/v2/', icon: topHelpDoc },
-  { name: '产品论坛', url: 'https://bbs.fit2cloud.com/c/de/6', icon: topProductBbs },
   {
-    name: '技术博客',
+    name: t('api_pagination.help_documentation'),
+    url: help.value || 'https://dataease.io/docs/v2/',
+    icon: topHelpDoc
+  },
+  {
+    name: t('api_pagination.product_forum'),
+    url: 'https://bbs.fit2cloud.com/c/de/6',
+    icon: topProductBbs
+  },
+  {
+    name: t('api_pagination.technical_blog'),
     url: 'https://blog.fit2cloud.com/categories/dataease',
     icon: topTechnology
   },
-  { name: '企业版试用', url: 'https://jinshuju.net/f/TK5TTd', icon: topEnterpriseTrial }
+  {
+    name: t('api_pagination.enterprise_edition_trial'),
+    url: 'https://jinshuju.net/f/TK5TTd',
+    icon: topEnterpriseTrial
+  }
 ]
 </script>