diff --git a/src/components/commit/Commit.vue b/src/components/commit/Commit.vue
index 9676c3b3ead506227cc66e5ecfddd36177cfd381..612fd2c9f238342a947807f00681e181aab848b4 100644
--- a/src/components/commit/Commit.vue
+++ b/src/components/commit/Commit.vue
@@ -2,6 +2,7 @@
 import { reactive } from 'vue'
 import { getRemoteCsdnCommit, askGpt } from '../../service/csdnApi.js'
 import { message } from 'ant-design-vue';
+import Author from '../Author.vue'
 const state: any = reactive({
     loading: false,
     analysis: '',
@@ -56,8 +57,9 @@ const analysisCommit = async () => {
 </script>
 
 <template>
+    <Author />
     <a-spin :spinning="state.loading">
-        <div>
+        <div style="border:1px solid #3333;padding:5px;">
             <div>
                 <div style="max-width:450px;">
                     <a-row justify="space-between">