跳到主要内容

docusaurus 自定义404界面

与这个docusaurus 增加评论系统解决的办法类似。

在项目的根目录下执行​

 yarn swizzle @docusaurus/theme-classic NotFound

会生成文件src/theme/NotFound/index.js

接着你对这个index.js文件修改即可。

解决办法的来源：How can I customize the 404 page

如果你想自定义的404页面被header和footer包裹​

比如：

则可以使用<Layout>：

import Layout from "@theme/Layout"; // 引入 CSS 文件

export default function NotFoundWrapper(props) {
  return (
      <>
          <Layout>

              ...你的页面内容
          </Layout>

      </>

  );
}

提示

另外估计你正在找有意思的404页面，github上有个topic是专门关于这个的哦。

点击：404-page