diff --git a/blog.config.js b/blog.config.js
index 07ba632f..3b0f3184 100644
--- a/blog.config.js
+++ b/blog.config.js
@@ -32,9 +32,9 @@ const BLOG = {
 
   // 自定义google字体示例： 请先将FONT 改为  'font-custom'， 并将FONT_URL改为你的字体地址，同时在FONT_CUSTOM中指定你的 fontfamily
   // 以下是示例：
-  //FONT: 'font-custom',
-  //FONT_URL: 'https://fonts.font.im/css2?family=Ma+Shan+Zheng&display=swap',
-  //FONT_CUSTOM_FAMILY: ['"Times New Roman"', 'Ma Shan Zheng'],
+  // FONT: 'font-custom',
+  // FONT_URL: 'https://fonts.font.im/css2?family=Ma+Shan+Zheng&display=swap',
+  // FONT_CUSTOM_FAMILY: ['"Times New Roman"', 'Ma Shan Zheng'],
 
   // 图标字体
   FONT_AWESOME_PATH: 'https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.4/css/all.min.css', // 图标库CDN ，国内推荐BootCDN，国外推荐 CloudFlare https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css
diff --git a/styles/globals.css b/styles/globals.css
index 44141e22..4382cd6c 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -24,10 +24,6 @@ body::-webkit-scrollbar-thumb {
   background: rgba(45, 170, 219, 0.3);
 }
 
-.font-custom {
-    font-family: theme(fontFamily.custom)
-}
-
 .wrapper {
   min-height: 100vh;
   display: flex;
@@ -101,71 +97,74 @@ nav {
   }
 }
 
-.shadow-card{
-  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
+.shadow-card {
+  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
+    rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px,
+    rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
 }
 
-.gt-meta{
-  @apply dark:text-gray-300
+.gt-meta {
+  @apply dark:text-gray-300;
 }
 
 #waifu {
-  @apply right-auto left-0 hidden lg:block z-10 !important
+  @apply right-auto left-0 hidden lg:block z-10 !important;
 }
 
 /* 隐藏滚动条 */
-.scroll-hidden{
+.scroll-hidden {
   -ms-overflow-style: none;
   overflow: -moz-scrollbars-none;
   scrollbar-width: none; /* firefox */
 }
 
-.scroll-hidden::-webkit-scrollbar { width: 0 !important }
-
-.notion-collection{
-  @apply max-w-0
+.scroll-hidden::-webkit-scrollbar {
+  width: 0 !important;
 }
 
+.notion-collection {
+  @apply max-w-0;
+}
 
-.glassmorphism{
-  background: hsla(0, 0%, 100%, .05);
+.glassmorphism {
+  background: hsla(0, 0%, 100%, 0.05);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
 }
 
-.dark .glassmorphism{
-  background: rgba(31, 41, 55, .75);
+.dark .glassmorphism {
+  background: rgba(31, 41, 55, 0.75);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
 }
 
-.medium-zoom-overlay{
+.medium-zoom-overlay {
   background: none !important;
   /* background: rgba(0, 0, 0, 0.01) none repeat scroll 0% 0% !important; */
 }
 
-.shadow-text{
+.shadow-text {
   text-shadow: 0.1em 0.1em 0.2em black;
 }
 
-.notion-code-copy-button > svg{
-  pointer-events:none
+.notion-code-copy-button > svg {
+  pointer-events: none;
 }
 
-.fireworks{
-    position: fixed;
-    left: 0;
-    top: 0;
-    z-index: 1000;
-    pointer-events: none;
+.fireworks {
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 1000;
+  pointer-events: none;
 }
 
 [data-waline] p {
   color: var(--waline-color);
-  @apply dark:text-gray-200 !important
+  @apply dark:text-gray-200 !important;
 }
 
-.waline-recent-content p{
+.waline-recent-content p {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
@@ -177,5 +176,5 @@ nav {
   display: inline-block;
   vertical-align: baseline;
   height: 1.25em;
-  margin: -.125em .25em;
-}
\ No newline at end of file
+  margin: -0.125em 0.25em;
+}
diff --git a/themes/next/components/BlogPostCard.js b/themes/next/components/BlogPostCard.js
index 3f45add3..33049bf6 100644
--- a/themes/next/components/BlogPostCard.js
+++ b/themes/next/components/BlogPostCard.js
@@ -20,7 +20,7 @@ const BlogPostCard = ({ post, showSummary }) => {
         <div className="lg:p-8 p-4 flex flex-col w-full">
           <Link href={`${BLOG.SUB_PATH}/${post.slug}`} passHref>
             <a
-              className={`cursor-pointer font-bold hover:underline text-3xl ${showPreview ? 'text-center' : ''
+              className={`cursor-pointer hover:underline text-3xl ${showPreview ? 'text-center' : ''
                 } leading-tight text-gray-700 dark:text-gray-100 hover:text-blue-500 dark:hover:text-blue-400`}
             >
               {post.title}