diff --git a/src/components/visual/index.vue b/src/components/visual/index.vue
index d2917bac30a942069585fb4a80d2f65c54000b67..fe4df3947d129c154a0e78b3249edaf71fd5dbea 100644
--- a/src/components/visual/index.vue
+++ b/src/components/visual/index.vue
@@ -2,6 +2,7 @@
     import {reactive,onMounted} from 'vue'
     import CommitLine from './commit/index.vue'
     import ArticleBar from './article/index.vue'
+    import Author from '../Author.vue'
     import HubPie from './hub/index.vue'
     import {articleData} from './data/data.js'
     const state=reactive({
@@ -19,6 +20,7 @@
 </script>
 <template>
     <div style="padding:20px;">
+        <Author/>
         <div>
             {{state.title}}
             <div>