diff --git a/src/assets/csdn.jpg b/src/assets/csdn.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a811b35b7fab22ce2c4ba70235a8f439e4ed4814
Binary files /dev/null and b/src/assets/csdn.jpg differ
diff --git a/src/components/Author.vue b/src/components/Author.vue
index 93eaa829f4b243beacdfdc8f931f3558ef50b460..9e31625f8b8fb9883af26dcadd623d72c36218a4 100644
--- a/src/components/Author.vue
+++ b/src/components/Author.vue
@@ -1,20 +1,38 @@
 <template>
-    <div>
-        <p>作者：yma16</p>
-        <p>代码仓库(gitcode)：<a href="https://gitcode.net/qq_38870145/vue-csdn-grade"
-                target="_blank">https://gitcode.net/qq_38870145/vue-csdn-grade</a>
-        </p>
-        <p>
-            csdn前端新星创作者：<a href="https://blog.csdn.net/qq_38870145" target="_blank">https://blog.csdn.net/qq_38870145</a>
-        </p>
-        <div style="display: flex">
-           <div> 请作者喝杯茶(点击放大图片)：</div>
-           <div>
-            <a-image :height="70" :width="50" src="https://yongma16.xyz/staticFile/common/img/wx-pay.jpg" />
-        
-           </div>
+    <div style="display: flex;">
+        <div style="width: 50%;">
+            <p>作者：yma16</p>
+            <p>代码仓库(gitcode)：<a href="https://gitcode.net/qq_38870145/vue-csdn-grade"
+                    target="_blank">https://gitcode.net/qq_38870145/vue-csdn-grade</a>
+            </p>
+            <p>
+                csdn前端新星创作者：<a href="https://blog.csdn.net/qq_38870145?type=blog"
+                    target="_blank">https://blog.csdn.net/qq_38870145</a>
+            </p>
+            <div style="display: flex">
+                <div> 请作者喝杯茶(点击放大图片)：</div>
+                <div>
+                    <a-image :height="70" :width="50" src="https://yongma16.xyz/staticFile/common/img/wx-pay.jpg" />
+
+                </div>
             </div>
+        </div>
+        <div style="width: 50%;text-align: right;line-height: 185px;padding-right: 20px;">
+            <a href="https://blog.csdn.net/qq_38870145?type=blog" target="_blank">
+                <div class="csdn-img" />
+            </a>
+        </div>
     </div>
 </template>
 <script setup>
-</script>
\ No newline at end of file
+</script>
+<style>
+.csdn-img {
+    background: url(../assets/csdn.jpg);
+    background-size: 100%;
+    width: 100px;
+    height: 100px;
+    display: inline-block;
+    cursor: pointer;
+}
+</style>
\ No newline at end of file