优化：对文章元数据信息的所属分类增加跳转《我的归档》，并进行筛选过滤

2022-08-10 22:31:18 +08:00
parent fa4664bd96
commit 95f95d5796
4 changed files with 50 additions and 21 deletions
--- a/repos/.vitepress/theme/components/ArticleMetadata.vue
+++ b/repos/.vitepress/theme/components/ArticleMetadata.vue
@@ -24,7 +24,12 @@
      <span class="meta-icon category">
        <svg role="img" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><title>所属分类</title><path d="M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 0 0-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256z m635.3 512H159l103.3-256h612.4L771.3 768z"></path></svg>
      </span>
-      <span class="meta-content">{{ categories.join(", ") }}</span>
+      <span class="meta-content">
+        <span v-for="(category, index) in categories" :key="index">
+          <a :href="'/archives.html?category=' + category" target="_self">{{ category }}</a>
+          <span v-if="index != categories.length - 1">, </span>
+        </span>
+      </span>
    </div>
    <div class="meta-item">
      <span class="meta-icon tag">