feature： 剥离主题目录

themes/NEXT/Custom404Layout.js

@@ -0,0 +1,37 @@
+import { useRouter } from 'next/router'
+import BaseLayout from './BaseLayout'
+import BLOG from '@/blog.config'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faSpinner } from '@fortawesome/free-solid-svg-icons'
+import { useEffect } from 'react'
+
+const Custom404Layout = () => {
+  const router = useRouter()
+  useEffect(() => {
+    // 延时3秒如果加载失败就返回首页
+    setTimeout(() => {
+      if (window) {
+        const article = document.getElementById('container')
+        if (!article) {
+          router.push('/').then(() => {
+            console.log('找不到页面', router.asPath)
+          })
+        }
+      }
+    }, 30000000)
+  })
+
+  return <BaseLayout meta={{ title: `${BLOG.title} | 页面找不到啦` }}>
+    <div
+      className='md:-mt-20 text-black w-full h-screen text-center justify-center content-center items-center flex flex-col'>
+      <div className='dark:text-gray-200'>
+        <h2 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</h2>
+        <div className='inline-block text-left h-32 leading-10 items-center'>
+          <h2 className='m-0 p-0'>页面无法加载，即将返回首页</h2>
+        </div>
+      </div>
+    </div>
+  </BaseLayout>
+}
+
+export default Custom404Layout