修改 style

kelegele · Jan 17, 2024 · da9ea6a · da9ea6a
1 parent 5d628ea
commit da9ea6a
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 7 deletions.
diff --git a/src/.vuepress/styles/index.scss b/src/.vuepress/styles/index.scss
@@ -1,7 +1,14 @@
 // place your custom styles here
+$theme-color: #317af7;
+$project-background: #ffffff;
+$project-font-color: var(--text-color);
+
+$project0-background: $project-background;
+$project0-font-color: $project-font-color;
+
 #app {
-  .vp-blog-type-button {
-    color: #000;
+  .vp-blog-type-button .icon-wrapper.active {
+    color: #ffffff;
   }
 
   .vp-article-item,
@@ -12,18 +19,40 @@
 
   .vp-nav-links,
   .search-pro-button {
-    margin: 0 1rem !important;
+    margin: 0 2rem !important;
   }
 
+  // 友链样式————————————————————————————————————————————————————————————
   .vp-project-card.project0 {
-    background: #ffffff;
+    background: $project0-background;
+    background-size: cover;
+    background-repeat: no-repeat;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 
     .vp-project-name {
+      color: $project0-font-color;
       font-weight: bolder;
     }
 
     .vp-project-desc {
+      color: $project0-font-color;
       font-weight: lighter;
     }
   }
+
+  .vp-project-card.project0:hover {
+    transition: all 0.2s ease;
+    transform: none;
+    box-shadow: 0 0 0 2px transparentize($theme-color, 0.5);
+
+    // .vp-project-name {
+    //   text-shadow: 0 0 1px transparentize($theme-color, 0.1);
+    // }
+
+    // .vp-project-desc {
+    //   text-shadow: 0 0 1px transparentize($theme-color, 0.1);
+    // }
+  }
+
+  // 友链样式 END——————————————————————————————————————————————————————————
 }
diff --git a/src/.vuepress/styles/palette.scss b/src/.vuepress/styles/palette.scss
@@ -2,9 +2,12 @@
 $theme-color: #317af7;
 
 $bg-color: (
-  light: #f1f3f5,
+  light: #ffffff,
   dark: #000000
 );
 
 $color-transition: 0s;
 $transform-transition: 0s;
+
+
+
diff --git a/src/.vuepress/theme.ts b/src/.vuepress/theme.ts
@@ -101,7 +101,7 @@ export default hopeTheme({
       blog: {
         description: '⁉️复杂多元世界探索家<br/>现实的理想主义者➿',
         intro: '/ABOUT.html',
-        timeline: '时间轴'
+        timeline: '时间轴',
       },
 
       // page meta

diff --git a/src/article/creativity/path_of_pm.md b/src/article/creativity/path_of_pm.md
@@ -3,6 +3,7 @@ title: 新的开始，或说是提升
 shortTitle: 产品之路
 description: 产品之路是我对创造力的追求与执着
 isOriginal: true
+article: true
 date: 2021-08-11 01:56:24
 category:
   - 创造力

diff --git a/src/article/geek/mc_noworld.md b/src/article/geek/mc_noworld.md
@@ -1,8 +1,9 @@
 ---
 title: Minecraft 小服「nOWorld」—已关服 R.I.P.
-shortTitle: nOWorld
+shortTitle: Minecraft 服务器：nOWorld
 description: 产品之路是我对创造力的追求与执着
 isOriginal: true
+article: true
 date: 2022-01-26 17:53:50
 category:
   - 极客