From 7847f8360b3be9d82679915eadf3581ec422eeb8 Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Thu, 28 Jul 2022 22:15:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E6=96=87=E7=AB=A0?=
 =?UTF-8?q?=E5=85=83=E6=95=B0=E6=8D=AE=E4=BF=A1=E6=81=AF=E6=9A=82=E6=97=B6?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E9=98=85=E8=AF=BB=E6=95=B0=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=EF=BC=8C=E5=B9=B6=E5=AF=B9=E6=96=87=E7=AB=A0=E5=85=83=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E4=BF=A1=E6=81=AF=E7=9A=84=E5=8A=A0=E8=BD=BD=E6=9D=A1?=
 =?UTF-8?q?=E4=BB=B6=E8=BF=9B=E8=A1=8C=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 repos/.vitepress/config/markdown.ts                |  2 +-
 .../theme/components/ArticleMetadata.vue           | 14 +++++---------
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/repos/.vitepress/config/markdown.ts b/repos/.vitepress/config/markdown.ts
index 1329a652a..b0e5ae17f 100644
--- a/repos/.vitepress/config/markdown.ts
+++ b/repos/.vitepress/config/markdown.ts
@@ -9,7 +9,7 @@ export const markdown: MarkdownOptions = {
   config: (md) => {
     md.renderer.rules.heading_close = (tokens, idx, options, env, slf) => {
       let htmlResult = slf.renderToken(tokens, idx, options, env, slf)
-      if (tokens[idx].tag === 'h1') htmlResult += `\n<ArticleMetadata/>`
+      if (tokens[idx].tag === 'h1') htmlResult += `\n<ArticleMetadata v-if="$frontmatter?.aside ?? true"/>`
       return htmlResult
     }
   }
diff --git a/repos/.vitepress/theme/components/ArticleMetadata.vue b/repos/.vitepress/theme/components/ArticleMetadata.vue
index 4fa4ecc46..1b9b5254d 100644
--- a/repos/.vitepress/theme/components/ArticleMetadata.vue
+++ b/repos/.vitepress/theme/components/ArticleMetadata.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="frontmatter?.aside ?? true" class="meta-wrapper">
+  <div class="meta-wrapper">
     <div class="meta-item">
       <span class="meta-icon author">
         <svg role="img" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><title>原创作者</title><path d="M858.5 763.6c-18.9-44.8-46.1-85-80.6-119.5-34.5-34.5-74.7-61.6-119.5-80.6-0.4-0.2-0.8-0.3-1.2-0.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-0.4 0.2-0.8 0.3-1.2 0.5-44.8 18.9-85 46-119.5 80.6-34.5 34.5-61.6 74.7-80.6 119.5C146.9 807.5 137 854 136 901.8c-0.1 4.5 3.5 8.2 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c0.1 4.4 3.6 7.8 8 7.8h60c4.5 0 8.1-3.7 8-8.2-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"></path></svg>
@@ -14,12 +14,6 @@
       </span>
       <time class="meta-content" :datetime="isoDatetime" :title="toDate">{{ datetime }}</time>
     </div>
-    <div class="meta-item">
-      <span class="meta-icon pv">
-        <svg role="img" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><title>阅读数</title><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3-7.7 16.2-7.7 35.2 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766z"></path><path d="M508 336c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176z m0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"></path></svg>
-      </span>
-      <span class="meta-content">888</span>
-    </div>
   </div>
 </template>
 
@@ -48,7 +42,6 @@ const toDate = dayjs().to(dayjs(frontmatter.value.date))
 }
 .meta-item {
   display: inline-block;
-  margin-right: 18px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -58,9 +51,12 @@ const toDate = dayjs().to(dayjs(frontmatter.value.date))
   cursor: default;
   font-size: 14px;
 }
+.meta-item:not(:last-child) {
+  margin-right: 1.25rem;
+}
 .meta-icon, meta-content {
   display: inline-block;
-  margin-right: 8px;
+  margin-right: .375rem;
   vertical-align: middle;
 }
 .meta-icon {