auto push

Author: xphost008

src/assets/img/Hill233.jpg

@@ -47,7 +47,7 @@ ul {
     background-color: rgba(0, 0, 0, 0.2);
     border-radius: 5px;
     margin: 0 5px;
-    box-shadow: -1px 1px 3px rgb(0, 0, 0);
+    /* box-shadow: -1px 1px 3px rgb(0, 0, 0); */
     padding: 0 5px;
     vertical-align: middle;
 }

src/assets/main.css

@@ -11,62 +11,71 @@ const articles: ArticlesType[] = [
         name: "PersonalResume",
         title: "个人简历",
         date: "2023-12-24",
+        description: "来自我的个人简历，我在里面写了很多我自己的个人事迹、个人经历等。我已经几乎能把我能公开的信息全部公开了！各位可以从中了解我的生平，了解我的一些个人准则等。",
         tags: ["关于我"]
     },
     {
         id: 2,
         name: "WorldOutlook",
         title: "我的世界观",
         date: "2023-12-27",
+        description: "这是我的世界观嗷~各位可以来看看我的世界观里有什么是能吸引到你的！我可是一名福瑞控控呀，欢迎各位来基于我的世界观来创作小说嗷~",
         tags: ["世界观"]
     },
     {
         id: 3,
         name: "AboutMe",
         title: "关于我",
         date: "2024-5-5",
+        description: "一些令我非常气愤的事情，不想多说，只想摆烂。。",
         tags: ["关于我"]
     },
     {
         id: 4,
         name: "WorldOutlook2",
         title: "世界观所使用的语言",
         date: "2025-1-17",
+        description: "我世界观里使用的语言！啊呀，虽然并不是真正意义上的语言，这其实是我的游戏【八个问题】使用的语言啦！不过各位倒可以从中借鉴一下。",
         tags: ["世界观"]
     },
     {
         id: 5,
         name: "HighlightTest",
         title: "使用Vue + TypeScript实现代码高亮+行号测试",
         date: "2025-4-25",
+        description: "这只是一篇短教程罢了，可以让各位快速学习如何通过Vue+Typescript实现一个highlightjs的行号显示！里面实现可能有点粗糙，不过可以用就对了！",
         tags: ["编程"]
     },
     {
         id: 6,
         name: "BlackWorldBefore",
         title: "世界观——前言",
         date: "2025-5-6",
+        description: "这是世界观的前言，只是为了满足我某个群的某个群u的幻想罢了（里面初步介绍了八个问题的问题来源是什么，围绕着我的自制游戏进行~写得不好，欢迎批评！",
         tags: ["世界观", "小说"]
     },
     {
         id: 7,
         name: "MegalodonLanguage",
         title: "自制编程语言——巨齿鲨语言",
         date: "2025-5-9",
+        description: "我的自制语言！巨齿鲨语言！这是一门编程语言，皆在为又想要Rust的那种没有gc但是内存超级安全，适合写底层。但是却没有Rust那么抽象的语法的一门新语言！",
         tags: ["编程"]
     },
     {
         id: 8,
         name: "MegalodonGrammer",
         title: "巨齿鲨语言——语法介绍",
         date: "2025-5-16",
+        description: "自制语言的语法介绍！这只是一个初步的构想罢了~",
         tags: ["编程"]
     },
     {
         id: 9,
         name: "MegalodonKeywords",
         title: "巨齿鲨语言——关键字介绍",
         date: "2025-5-17",
+        description: "这是关键字介绍，介绍了巨齿鲨语言里的所有关键字。各位可以来看看~",
         tags: ["编程"]
     }
 ]
@@ -106,6 +115,12 @@ const friendlinks: FriendlinkType[] = [
         name: '米露小窝',
         description: '放弃个性,就和死了没什么区别',
         url: 'https://milu.ink',
+    },
+    {
+        avatar: avatarMap['Hill233.jpg'],
+        name: 'Hill233の小窝',
+        description: '只是一个普普通通的 blog',
+        url: 'https://hill233.top',
     }
 ]
 export {

src/logic/MyLogic.ts

@@ -44,7 +44,8 @@ watch(() => route.query, () => {
             <router-link :to="'/article/' + (article.id)">
                 <div class="article">
                     <p class="article-title">{{article.title}}</p>
-                    <p class="article-date">{{article.date}}</p><br><br>
+                    <p class="article-date">{{article.date}}</p><hr>
+                    <p style="text-indent: 2em">{{article.description}}</p><br><br><br>
                     <p class="article-tag"><el-icon size="30" color="black" style="vertical-align: middle"><List /></el-icon>&nbsp;&nbsp;<span v-for="tag in article.tags" :key="tag" class="inline-code" style="vertical-align: middle">{{tag}}</span></p>
                 </div>
             </router-link>
@@ -84,7 +85,7 @@ watch(() => route.query, () => {
         min-height: 200px;
         flex-shrink: 0;
         border-radius: 20px;
-        padding: 25px;
+        padding: 20px;
         background: linear-gradient(to right bottom, rgba(234, 125, 35, 0.3), rgba(154, 87, 222, 0.4));
         color: black;
         transition: all 0.2s;
@@ -94,11 +95,12 @@ watch(() => route.query, () => {
         }
         .article-title {
             width: 100%;
-            font-size: 40px;
+            font-size: 30px;
+            font-weight: bold;
         }
         .article-date {
             width: 100%;
-            font-size: 30px;
+            font-size: 24px;
         }
         .article-tag {
             width: 100%;
@@ -107,10 +109,10 @@ watch(() => route.query, () => {
         @media screen and (max-width: 768px) {
             min-height: 150px;
             .article-title {
-                font-size: 30px;
+                font-size: 24px;
             }
             .article-date {
-                font-size: 20px;
+                font-size: 16px;
             }
             .article-tag {
                 font-size: 20px;

src/views/Home.vue

@@ -33,8 +33,8 @@ function getTags() {
             <router-link :to="'/article/' + (articles.length)">
                 <div class="article">
                     <ul>
-                        <li>&nbsp;&nbsp;&nbsp;&nbsp;{{articles[articles.length - 1].title}}</li>
-                        <li>&nbsp;&nbsp;&nbsp;&nbsp;{{articles[articles.length - 1].date}}</li>
+                        <li class="article-title">{{articles[articles.length - 1].title}}</li>
+                        <li>{{articles[articles.length - 1].date}}</li>
                         <li><el-icon size="30" color="black" style="vertical-align: middle"><List /></el-icon>&nbsp;&nbsp;<span v-for="tag in articles[articles.length - 1].tags" :key="tag" class="inline-code" style="vertical-align: middle">{{tag}}</span></li>
                     </ul>
                 </div>
@@ -94,6 +94,9 @@ function getTags() {
                 list-style: none;
             }
         }
+        .article-title {
+            font-weight: bold;
+        }
     }
     #left-footer {
         padding: 20px;
@@ -102,5 +105,9 @@ function getTags() {
         width: calc(100% - 80px);
         margin: 20px 0;
     }
+    h4 {
+        font-weight: normal;
+        color: #404040;
+    }
 }
 </style>

src/views/Left.vue

@@ -17,7 +17,7 @@ const code_PkgJSON = `{
     "license": "MIT",
     "homepage": "https://github.com/Megalodon/MGLanguage",
     "author": "Megalodon",
-    "version": "+0.4.6",
+    "mglversion": "+0.4.6",
     "source": "https://github.com/Megalodon/MGLanguage",
     "dependencies": [
         {
@@ -115,7 +115,7 @@ const code_PkgJSON = `{
                 <td>空</td>
             </tr>
             <tr>
-                <td><code data="inline">version</code></td>
+                <td><code data="inline">mglversion</code></td>
                 <td>支持的mgl版本</td>
                 <td>latest</td>
             </tr>