修复编译打包问题

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

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;
-}
+  margin: -0.125em 0.25em;
+}

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}