auto push

Author: xphost008

src/logic/MyLogic.ts

@@ -92,7 +92,7 @@ const friendlinks: FriendlinkType[] = [
         avatar: avatarMap['WolfYang.jpg'],
         name: '阳帆',
         description: '黄鹤一去不复返，白云千载空悠悠',
-        url: 'https://wolfyang.fan',
+        url: 'https://blog.wolfyang.fan',
     },
     {
         avatar: avatarMap['Milu.jpg'],

src/views/About.vue

@@ -15,6 +15,9 @@
 
             <p>好了！期待各位来为我捧场噢！</p>
 
+            <p>喵喵喵！如果你像添加友链的话，只需要从右侧随便哪个地方，找到我并且私聊我，我会和你详细说明我添加友链的原则的！在博客上就暂时不说啦~<br>
+                呜呜呜，由于本博客的确用的是免费github pages域名，既然如此，那我添加友链的要求肯定会小很多的，同时我也非常欢迎各位来扩列嗷嗷嗷~~</p>
+
             <p>以下是我的梦想列表（虽然还有部分没有实现啦！）：</p>
 
             <ul>

src/views/Right.vue

@@ -27,9 +27,9 @@ function imgTransitionEnd() {
     <div id="right">
         <img id="avatar" ref="ava" @click="rotateImg" @transitionend="imgTransitionEnd" src="@/assets/img/avatar.jpg" alt="avatar">
         <div id="across">
-            <a href="https://github.com/xphost008" target="_blank"><img src="@/assets/img/github.svg" alt="github"></a>
-            <a href="https://afdian.com/a/xphost" target="_blank"><img src="@/assets/img/afdian.ico" alt="爱发电"></a>
-            <a href="https://space.bilibili.com/3546639830616204" target="_blank"><img src="@/assets/img/bilibili.ico" alt="bilibili"></a>
+            <a title="Github" href="https://github.com/xphost008" target="_blank"><img src="@/assets/img/github.svg" alt="github"></a>
+            <a title="爱发电" href="https://afdian.com/a/xphost" target="_blank"><img src="@/assets/img/afdian.ico" alt="爱发电"></a>
+            <a title="Bilibili" href="https://space.bilibili.com/3546639830616204" target="_blank"><img src="@/assets/img/bilibili.ico" alt="bilibili"></a>
         </div>
         <div id="personal">
             <p>我爱这个世界，正如这个世界爱我一样</p>
@@ -60,10 +60,20 @@ function imgTransitionEnd() {
     z-index: 100;
     overflow: auto;
     #avatar {
-        width: 200px;
-        height: 200px;
+        width: 100px;
+        height: 100px;
+        margin: 50px;
         border-radius: 50%;
-        margin: 30px;
+        @media screen and (max-width: 1120px) {
+            width: 150px;
+            height: 150px;
+            margin: 40px;
+        }
+        @media screen and (max-width: 768px) {
+            width: 200px;
+            height: 200px;
+            margin: 30px;
+        }
     }
     #across {
         display: flex;
@@ -125,12 +135,5 @@ function imgTransitionEnd() {
             }
         }
     }
-    @media screen and (min-width: 768px) {
-        #avatar {
-            width: 100px;
-            height: 100px;
-            margin: 50px;
-        }
-    }
 }
 </style>