feat: 新闻展示页去除各级标题被选中时的下划线，并且首标题现在也会生成链接

Author: HouLiXieBuRou

assets/index.scss

@@ -10,20 +10,19 @@ $bg-secondary: #3f6075;
 $common-margin: 24px;
 
 @use 'heti'
-  with(
-    $line-length: none,
-    $darkmode: 'manual',
-    $manualmode-dark-selector: 'body.dark &',
-    $font-size-h2: normal,
-    $line-height-size-h2: normal,
-    $std-block-unit: 16px,
-
-    // TODO: discussion on website font config
-    // Heti's default font family displays Chinese quotes half-width
-    //   so they have been removed for backward compatibility.
-    $_font-stack-sans: '',
-    $_font-stack-serif: ''
-  );
+with ($line-length: none,
+  $darkmode: 'manual',
+  $manualmode-dark-selector: 'body.dark &',
+  $font-size-h2: normal,
+  $line-height-size-h2: normal,
+  $std-block-unit: 16px,
+
+  // TODO: discussion on website font config
+  // Heti's default font family displays Chinese quotes half-width
+  //   so they have been removed for backward compatibility.
+  $_font-stack-sans: '',
+  $_font-stack-serif: ''
+);
 
 .heti {
   > :not(h2) {
@@ -41,6 +40,7 @@ $common-margin: 24px;
 
     a:hover {
       border-block-end: inherit;
+      padding-block-end: 0;
     }
   }
 
@@ -53,6 +53,7 @@ $common-margin: 24px;
     > :first-child {
       margin-top: 0;
     }
+
     > :last-child {
       margin-bottom: 0;
     }
@@ -133,6 +134,7 @@ table {
   border-collapse: collapse;
 
   tr {
+
     th,
     td {
       border: 1px solid $bg-secondary;
@@ -190,4 +192,4 @@ td {
 
 .language-menu {
   margin-top: -7px;
-}
+}

components/CategorySecond.vue

@@ -1,33 +1,27 @@
 <script setup>
 const props = defineProps({
   title: { type: String, required: true },
-  rightText: { type: String, default: '' },
-  rightUrl: { type: String, default: '' },
-  rightName: { type: String, default: '' },
-  showRightChevron: { type: Boolean },
-  params: { type: String, default: '' }
+  titleUrl: { type: String, default: undefined },
+  rightText: { type: String, default: undefined },
+  rightUrl: { type: String, default: undefined },
+  showRightChevron: { type: Boolean }
 });
 </script>
 
 <template>
   <div class="category-second">
-    <span>
-      {{ props.title }}
+    <span v-if="titleUrl === undefined">
+      {{ title }}
     </span>
+    <AppLink v-else :to="titleUrl" class="no-underline">{{ title }}</AppLink>
 
-    <span v-if="props.rightText">
-      <span v-if="props.rightUrl === undefined">
-        {{ props.rightText }}
+    <span v-if="rightText !== undefined">
+      <span v-if="rightUrl === undefined">
+        {{ rightText }}
       </span>
-      <NuxtLinkLocale
-        v-else
-        :to="
-          props.params
-            ? { name: props.rightUrl, params: props.params }
-            : props.rightUrl
-        ">
-        {{ props.rightText }}
-      </NuxtLinkLocale>
+      <AppLink v-else class="" :to="rightUrl">
+        {{ rightText }}
+      </AppLink>
       <!-- 右箭头 -->
       <Icon
         v-if="showRightChevron"

components/CommonContent.vue

@@ -19,8 +19,10 @@ useHead({ title: page.value?.title });
   <article v-if="page">
     <category-second
       v-if="page?.body.value[0][0] !== 'h2'"
+      :id="page?.title"
       :title="page?.title"
-      :right-text="page?.date.substring(0, 10)" />
+      :right-text="page?.date.substring(0, 10)"
+      :title-url="`${route.path}#${page.title}`" />
     <ContentRenderer :value="page" class="heti" />
   </article>
 </template>