diff --git a/code/link56/link56-frontend-new/src/components/custom-loading/index.vue b/code/link56/link56-frontend-new/src/components/CustomLoading.vue
similarity index 100%
rename from code/link56/link56-frontend-new/src/components/custom-loading/index.vue
rename to code/link56/link56-frontend-new/src/components/CustomLoading.vue
diff --git a/code/link56/link56-frontend-new/src/router/index.ts b/code/link56/link56-frontend-new/src/router/index.ts
index 482b48fe..9ea970a7 100644
--- a/code/link56/link56-frontend-new/src/router/index.ts
+++ b/code/link56/link56-frontend-new/src/router/index.ts
@@ -48,16 +48,16 @@ const router = createRouter({
               component: () => import('@/views/settings/info/user/index.vue'),
             },
             {
-              path: '/settings/forum/home',
-              component: () => import('@/views/settings/forum/home.vue'),
+              path: '/settings/creator/home',
+              component: () => import('@/views/settings/creator/home.vue'),
             },
             {
-              path: '/settings/forum/editor',
-              component: () => import('@/views/settings/forum/editor.vue'),
+              path: '/settings/creator/editor',
+              component: () => import('@/views/settings/creator/editor.vue'),
             },
             {
-              path: '/settings/forum/post',
-              component: () => import('@/views/settings/forum/post.vue'),
+              path: '/settings/creator/post',
+              component: () => import('@/views/settings/creator/post.vue'),
             },
           ],
         },
diff --git a/code/link56/link56-frontend-new/src/types/auto-import.d.ts b/code/link56/link56-frontend-new/src/types/auto-import.d.ts
index 1ab37575..06894a84 100644
--- a/code/link56/link56-frontend-new/src/types/auto-import.d.ts
+++ b/code/link56/link56-frontend-new/src/types/auto-import.d.ts
@@ -14,7 +14,7 @@ declare module 'vue' {
     AnchorMenu: typeof import('./../components/anchor-menu/index.vue')['default']
     AreaSelect: typeof import('./../components/AreaSelect.vue')['default']
     CustomEmpty: typeof import('./../components/CustomEmpty.vue')['default']
-    CustomLoading: typeof import('./../components/custom-loading/index.vue')['default']
+    CustomLoading: typeof import('./../components/CustomLoading.vue')['default']
     Directory: typeof import('./../components/wang-editor/modules/directory.vue')['default']
     EmailCodeInput: typeof import('./../components/EmailCodeInput.vue')['default']
     HelloWorld: typeof import('./../components/HelloWorld.vue')['default']
diff --git a/code/link56/link56-frontend-new/src/views/post/home/components/post-list.vue b/code/link56/link56-frontend-new/src/views/post/home/components/post-list.vue
index 3e2911f3..d7510a86 100644
--- a/code/link56/link56-frontend-new/src/views/post/home/components/post-list.vue
+++ b/code/link56/link56-frontend-new/src/views/post/home/components/post-list.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
-import CustomLoading from '@/components/custom-loading/index.vue'
 import CustomEmpty from '@/components/CustomEmpty.vue'
+import CustomLoading from '@/components/CustomLoading.vue'
 
 const loading = ref<boolean>(false)
 
@@ -23,10 +23,7 @@ const dataResult = ref<BasePageResult<any>>({
     </template>
   </CustomEmpty>
 
-
-  <div v-else class="post-container">
-
-</div>
+  <div v-else class="post-container" />
 </template>
 
 <style lang="scss" scoped>
diff --git a/code/link56/link56-frontend-new/src/views/settings/forum/editor.vue b/code/link56/link56-frontend-new/src/views/settings/creator/editor.vue
similarity index 100%
rename from code/link56/link56-frontend-new/src/views/settings/forum/editor.vue
rename to code/link56/link56-frontend-new/src/views/settings/creator/editor.vue
diff --git a/code/link56/link56-frontend-new/src/views/settings/creator/home.vue b/code/link56/link56-frontend-new/src/views/settings/creator/home.vue
new file mode 100644
index 00000000..a2cbf5d1
--- /dev/null
+++ b/code/link56/link56-frontend-new/src/views/settings/creator/home.vue
@@ -0,0 +1,137 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+import CustomLoading from '@/components/CustomLoading.vue'
+
+const loading = ref<boolean>(false)
+</script>
+
+<template>
+  <CustomLoading v-if="loading" :in-container="true" />
+
+  <div v-else class="creator-dashboard">
+    <div class="card">
+      <div class="card-header">
+        <div class="card-title">
+          数据概览
+        </div>
+      </div>
+      <div class="card-content">
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <div class="stat-card">
+              <div class="stat-title">
+                文章数
+              </div>
+              <div class="stat-value">
+                <el-statistic :value="98500" />
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="stat-card">
+              <div class="stat-title">
+                浏览量
+              </div>
+              <div class="stat-value">
+                <el-statistic :value="98500" />
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="stat-card">
+              <div class="stat-title">
+                点赞数
+              </div>
+              <div class="stat-value">
+                <el-statistic :value="98500" />
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="stat-card">
+              <div class="stat-title">
+                收藏数量
+              </div>
+              <div class="stat-value">
+                <el-statistic :value="98500" />
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+    </div>
+    <div class="card">
+      <div class="card-header">
+        <div class="card-title">
+          数据报表
+        </div>
+      </div>
+      <div class="card-content">
+      
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.creator-dashboard {
+  display: flex;
+  flex-direction: column;
+}
+
+.card {
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+  .card-header {
+    padding: 16px;
+    border-bottom: 1px solid #ddd;
+    .card-title {
+      font-size: 20px;
+    }
+  }
+  .card-content {
+    padding: 16px;
+  }
+}
+
+.stat-card {
+  background-color: #f7f8fa;
+  border-radius: 4px;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+
+  .stat-title {
+    font-size: 14px;
+    color: #666;
+  }
+
+  .stat-value {
+    margin-top: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    :deep(.el-statistic__number) {
+      font-weight: bold;
+      font-size: 28px;
+    }
+  }
+}
+
+.chart-container {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  .other-chart {
+    display: flex;
+    gap: 16px;
+  }
+
+  .other-chart > * {
+    flex: 1;
+  }
+}
+</style>
diff --git a/code/link56/link56-frontend-new/src/views/settings/forum/post.vue b/code/link56/link56-frontend-new/src/views/settings/creator/post.vue
similarity index 100%
rename from code/link56/link56-frontend-new/src/views/settings/forum/post.vue
rename to code/link56/link56-frontend-new/src/views/settings/creator/post.vue
diff --git a/code/link56/link56-frontend-new/src/views/settings/forum/home.vue b/code/link56/link56-frontend-new/src/views/settings/forum/home.vue
deleted file mode 100644
index fd477cab..00000000
--- a/code/link56/link56-frontend-new/src/views/settings/forum/home.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts" setup>
-</script>
-
-<template>
-  <div class="" />
-</template>
-
-<style lang="scss" scoped>
-//
-</style>
diff --git a/code/link56/link56-frontend-new/src/views/settings/index.vue b/code/link56/link56-frontend-new/src/views/settings/index.vue
index e28594a5..f92c7943 100644
--- a/code/link56/link56-frontend-new/src/views/settings/index.vue
+++ b/code/link56/link56-frontend-new/src/views/settings/index.vue
@@ -30,22 +30,22 @@ const menuList: NavMenuItem [] = [
   },
   {
     label: '创作者中心',
-    index: '/settings/forum',
+    index: '/settings/creator',
     icon: 'hugeicons:edit-01',
     children: [
       {
         label: '首页',
-        index: '/settings/forum/home',
+        index: '/settings/creator/home',
         icon: 'hugeicons:home-03',
       },
       {
         label: '写文章',
-        index: '/settings/forum/editor',
+        index: '/settings/creator/editor',
         icon: 'hugeicons:edit-04',
       },
       {
         label: '帖子管理',
-        index: '/settings/forum/post',
+        index: '/settings/creator/post',
         icon: 'hugeicons:material-and-texture',
       },
     ],
diff --git a/code/link56/link56-frontend-new/src/views/settings/info/company.vue b/code/link56/link56-frontend-new/src/views/settings/info/company.vue
index 96fb0c0d..c4479089 100644
--- a/code/link56/link56-frontend-new/src/views/settings/info/company.vue
+++ b/code/link56/link56-frontend-new/src/views/settings/info/company.vue
@@ -248,11 +248,11 @@ const activeCollapseNames = ref(['1', '2', '3'])
     border-bottom: none;
   }
 
-  :deep(.el-collapse-item__header){
+  :deep(.el-collapse-item__header) {
     font-size: 18px;
     font-weight: 600;
   }
-  :deep(.el-collapse-item__content){
+  :deep(.el-collapse-item__content) {
     padding-bottom: 0px;
   }
 
diff --git a/code/link56/link56-frontend-new/vite.config.ts b/code/link56/link56-frontend-new/vite.config.ts
index 54e4c791..6a0fbe70 100644
--- a/code/link56/link56-frontend-new/vite.config.ts
+++ b/code/link56/link56-frontend-new/vite.config.ts
@@ -41,7 +41,7 @@ export default defineConfig((configEnv) => {
     ],
     server: {
       host: '0.0.0.0',
-      port: 8080,
+      port: 3000,
       open: true,
       // 用于配置开发服务器启动时预加载的一些客户端文件，以提高初次加载的速度。
       warmup: {