From 0ebcb79259d9634cad981bcb3e002ae96424259e Mon Sep 17 00:00:00 2001
From: tone <3341154833@qq.com>
Date: Sat, 12 Oct 2024 12:27:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20=E5=89=8D=E7=AB=AFBlogCont?=
 =?UTF-8?q?ent?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tonecn/src/views/BlogContent.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/tonecn/src/views/BlogContent.vue b/tonecn/src/views/BlogContent.vue
index abc49af..cfeae46 100644
--- a/tonecn/src/views/BlogContent.vue
+++ b/tonecn/src/views/BlogContent.vue
@@ -80,7 +80,11 @@ onUnmounted(() => {
             <div>
                 <h1 class="text-center text-[28px] font-semibold dark:text-white text-[#222]">{{ blogInfo.title }}</h1>
                 <p class="my-[15px] mx-auto text-[14px] text-[#888] dark:text-[#ccc] text-center">发布于 {{
-                    timestampToString(blogInfo.publish_time) }}</p>
+                    timestampToString(blogInfo.publish_time) }} ｜ {{ blogInfo.like_count }} 点赞</p>
+                <!-- TODO <p class="mt-[-10px] mx-auto text-[14px] text-[#888] dark:text-[#ccc] text-center whitespace-pre">
+                    {{ blogInfo.visit_count }} 访问
+                    {{ blogInfo.like_count }} 点赞
+                </p> -->
             </div>
             <div v-html="blogContent" id="blogContentContainer"></div>
         </div>
@@ -92,7 +96,7 @@ onUnmounted(() => {
 <style>
 /* markdown CSS */
 #blogContentContainer img {
-    @apply w-full;
+    @apply w-full my-[5px];
 }
 
 #blogContentContainer p {
@@ -100,7 +104,7 @@ onUnmounted(() => {
 }
 
 #blogContentContainer p code {
-    @apply bg-[#dedede] py-[2px] px-[3px];
+    @apply bg-[#dedede] dark:bg-[#ffffff44] py-[1px] px-[3px] rounded-[3px];
 }
 
 #blogContentContainer blockquote {
@@ -129,11 +133,11 @@ onUnmounted(() => {
 }
 
 #blogContentContainer h1 {
-    @apply text-[28px] border-b-[#ddd] border-b;
+    @apply text-[28px] border-b-[#ddd] dark:border-b-[#999] border-b;
 }
 
 #blogContentContainer h2 {
-    @apply text-[24px] border-b-[#ddd] border-b;
+    @apply text-[24px] border-b-[#ddd] dark:border-b-[#999] border-b;
 
 }