feat: 增加博客评论模块

src/styles/blog/blog.detail.module.scss

@@ -46,6 +46,8 @@
   background-color: #F8F8F8;
   padding: 1vh 1vw;
   border-left: 3px solid #FD2C17;
+  font-size:  blog.$small-font-size;
+  color: #666666;
 
   display: flex;
   flex-direction: column;

src/styles/blog/blog.sidebar.module.scss

@@ -176,7 +176,11 @@ $sub-title-font-size: 1rem;
           align-items: center;
           gap: 5px;
           color: blog.$normal-text-color;
-          font-size: blog.$normal-font-size;
+          font-size: blog.$small-font-size;
+
+          .name {
+            font-size: blog.$small-font-size;
+          }
         }
 
         .item:hover {
@@ -245,8 +249,8 @@ $sub-title-font-size: 1rem;
       span {
         word-break: break-all;
         white-space: normal;
-        font-size: blog.$normal-font-size;
-        color: #000000;
+        font-size: blog.$smaller-font-size;
+        color: #666666;
       }
     }
 

src/styles/blog/blog.variable.module.scss

@@ -17,6 +17,7 @@ $blog-title-font-size: 1.6rem;
 $large-font-size: 1.3rem;
 $normal-font-size: 1rem;
 $small-font-size: 0.9rem;
+$smaller-font-size: 0.8rem;
 
 $border-color: #EEEEEE;
 $border-radius: 15px;