Bugfix:

CheckBox样式;
404夜间样式；

pages/404.js

@@ -27,7 +27,7 @@ export default function Custom404 () {
   return <BaseLayout meta={{ title: `${BLOG.title} | 页面找不到啦` }}>
     <div
       className='text-black w-full h-screen text-center justify-center content-center items-center flex flex-col'>
-      <div>
+      <div className='dark:text-gray-200'>
         <h1 className='inline-block border-r-2 border-gray-600 mr-2 px-3 py-2 align-top'><FontAwesomeIcon icon={faSpinner} spin={true} className='mr-2'/>404</h1>
         <div className='inline-block text-left h-32 leading-10 align-middle'>
           <h2 className='m-0 p-0'>页面无法加载，即将返回首页</h2>

pages/article/[slug].js

@@ -133,18 +133,18 @@ const ArticleDetail = ({ post, blockMap, tags, prev, next, allPosts, categories
           </div>
         </div>
         <div className='text-gray-800 dark:text-gray-300 dark:bg-gray-900 bg-gray-50 px-5 '>
-            <div className='flex flex-wrap lg:flex-nowrap lg:space-x-10 justify-between py-2'>
-              <Link href={`/article/${prev.slug}`} passHref>
-                <div className='py-3 text-blue-500 text-lg hover:underline cursor-pointer'>
-                  <FontAwesomeIcon icon={faAngleDoubleLeft} className='mr-1' />{prev.title}</div>
-              </Link>
-              <Link href={`/article/${next.slug}`} passHref>
-                <div className='flex py-3 text-blue-500 text-lg hover:underline cursor-pointer'>{next.title}
-                  <FontAwesomeIcon icon={faAngleDoubleRight} className='ml-1 my-1' />
-                </div>
-              </Link>
-            </div>
+          <div className='flex flex-wrap lg:flex-nowrap lg:space-x-10 justify-between py-2'>
+            <Link href={`/article/${prev.slug}`} passHref>
+              <div className='py-3 text-blue-500 text-lg hover:underline cursor-pointer'>
+                <FontAwesomeIcon icon={faAngleDoubleLeft} className='mr-1' />{prev.title}</div>
+            </Link>
+            <Link href={`/article/${next.slug}`} passHref>
+              <div className='flex py-3 text-blue-500 text-lg hover:underline cursor-pointer'>{next.title}
+                <FontAwesomeIcon icon={faAngleDoubleRight} className='ml-1 my-1' />
+              </div>
+            </Link>
           </div>
+        </div>
 
         {/* 评论互动 */}
         <div
@@ -176,7 +176,7 @@ export async function getStaticPaths () {
 }
 
 export async function getStaticProps ({ params: { slug } }) {
-  const from = 'slug-props'
+  const from = `slug-props-${slug}`
   const notionPageData = await getNotionPageData({ from })
   let allPosts = await getAllPosts({ notionPageData, from, includePage: true })
   const post = allPosts.find(p => p.slug === slug)

styles/notion.css

@@ -1126,6 +1126,11 @@ svg.notion-page-icon {
 
 .notion-to-do-item .notion-property-checkbox {
   margin-right: 8px;
+  @apply w-4 h-4 border-2
+}
+
+.notion-property-checkbox-checked {
+  @apply bg-white
 }
 
 .notion-google-drive {