style: colorize anchor in rendered markdown

ZJU-Turing · Feb 8, 2024 · 5fe3345 · 5fe3345
1 parent bbd411a
commit 5fe3345
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/assets/css/base.css b/src/assets/css/base.css
@@ -25,6 +25,15 @@ body {
     min-width: 200px;
 }
 
+.md a {
+    color: #2892ff;
+    text-decoration: none;
+}
+
+.md a:hover {
+    color: #79bcff;
+}
+
 @media screen and (min-width: 768px) {
     #app {
         width: 800px;

diff --git a/src/components/RemarkComp.vue b/src/components/RemarkComp.vue
@@ -27,7 +27,7 @@ onMounted(() => {
                 · {{ data.name || "匿名" }} · {{ data.grade }} · {{ data.course }}
             </el-text>
         </template>
-        <div v-html="parsed" class="content"></div>
+        <div v-html="parsed" class="content md"></div>
     </el-card>
 </template>