chore: update css & config

Author: p208p2002

src/configs/general.js

@@ -5,6 +5,6 @@ export const BLOG_NAME = 'Philip\'s blog'
 export const HOME_PAGE = '/'
 export const GITHUB = `https://github.com/${GITHUB_USER}`
 export const IMG_FILE_PREFIX = NODE_ENV === "production" ? `https://media.githubusercontent.com/media/${GITHUB_USER}/blog/main/public/docs` : "http://localhost:3000/docs"
-export const POST_PRE_PAGE = 8
+export const POST_PRE_PAGE = 10
 export const CODE_LAB_PREFIX = `https://colab.research.google.com/github/${GITHUB_USER}/blog/blob/main/public`
 export const GITHUB_USER_CONTENT_PREFIX = `https://raw.githubusercontent.com/${GITHUB_USER}/blog/main/public`

src/modules/MdRender/index.css

@@ -48,8 +48,8 @@
 }
 
 #MD p {
-    line-height: 1.8;
-    margin-bottom: 12px;
+    line-height: 2.2;
+    margin-bottom: 24px;
 }
 
 #MD .footer {
@@ -140,11 +140,6 @@
     color: var(--text-3);
     padding-right: 2px;
 }
-
-#MD blockquote{
-    position: relative;
-    margin-top: 25px;
-}
 #MD blockquote::before{
     content: "! Note";
     width: 100%;
@@ -162,9 +157,11 @@
 
 
 #MD blockquote {
+    position: relative;
+    margin-top: 16px;
     background-color: var(--support-3);
     font-size: smaller;
-    margin-bottom: 12px;
+    margin-bottom: 34px;
     padding: 8px;
     padding-left: 12px;
     vertical-align: middle;

src/modules/MdRender/preview.css

@@ -1,6 +1,6 @@
 #MD-Preview{
     overflow: hidden;
-    line-height: 1.5;
+    line-height: 2;
     margin-top: -20px;
     color: var(--text-1);
     min-height:80px