Auto Commit

src/components/Author.vue

 <template>
-    <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" target="_blank">https://blog.csdn.net/qq_38870145</a>
+                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>
@@ -15,6 +17,22 @@
                 </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>
+<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