主题配置

export default {
  project: {
    link: 'https://github.com/SimpleLifecst/nextra-template',
  },
  logo: <strong>SimpleLife</strong>,
};

export default {
  docsRepositoryBase:
    'https://github.com/SimpleLifecst/nextra-template/tree/main/',
};

export default {
  useNextSeoProps() {
    return {
      titleTemplate: '%s – SimpleLife',
    };
  },
};

export default {
  useNextSeoProps() {
    const { asPath } = useRouter();
    if (asPath !== '/') {
      return {
        titleTemplate: '%s – SimpleLife',
      };
    }
  },
};

export default {
  head: (
    <>
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <meta property="og:title" content="SimpleLife" />
      <meta property="og:description" content="This website is SimpleLife" />
    </>
  ),
};

import { useRouter } from 'next/router';
import { useConfig } from 'nextra-theme-docs';
 
export default {
  head: () => {
    const { asPath, defaultLocale, locale } = useRouter();
    const { frontMatter } = useConfig();
    const url =
      'https://my-app.com' +
      (defaultLocale === locale ? asPath : `/${locale}${asPath}`);
 
    return (
      <>
        <meta property="og:url" content={url} />
        <meta property="og:title" content={frontMatter.title || 'SimpleLife'} />
        <meta
          property="og:description"
          content={frontMatter.description || 'This website is SimpleLife'}
        />
      </>
    );
  },
};

export default {
  primaryHue: 0,
};
 
export default {
  primaryHue: {
    dark: 0,
    light: 150,
  },
};

export default {
  logo: Logo,
  logoLink: false,
};

export default {
  project: {
    link: 'https://gitlab.com/inkscape/inkscape',
    icon: (
      <svg width="24" height="24" viewBox="0 0 256 256">
        <path
          fill="currentColor"
          d="m231.9 169.8l-94.8 65.6a15.7 15.7 0 0 1-18.2 0l-94.8-65.6a16.1 16.1 0 0 1-6.4-17.3L45 50a12 12 0 0 1 22.9-1.1L88.5 104h79l20.6-55.1A12 12 0 0 1 211 50l27.3 102.5a16.1 16.1 0 0 1-6.4 17.3Z"
        ></path>
      </svg>
    ),
  },
};

export default {
  chat: {
    link: 'https://twitter.com/SimpleLife',
    icon: (
      <svg width="24" height="24" viewBox="0 0 248 204">
        <path
          fill="currentColor"
          d="M221.95 51.29c.15 2.17.15 4.34.15 6.53 0 66.73-50.8 143.69-143.69 143.69v-.04c-27.44.04-54.31-7.82-77.41-22.64 3.99.48 8 .72 12.02.73 22.74.02 44.83-7.61 62.72-21.66-21.61-.41-40.56-14.5-47.18-35.07a50.338 50.338 0 0 0 22.8-.87C27.8 117.2 10.85 96.5 10.85 72.46v-.64a50.18 50.18 0 0 0 22.92 6.32C11.58 63.31 4.74 33.79 18.14 10.71a143.333 143.333 0 0 0 104.08 52.76 50.532 50.532 0 0 1 14.61-48.25c20.34-19.12 52.33-18.14 71.45 2.19 11.31-2.23 22.15-6.38 32.07-12.26a50.69 50.69 0 0 1-22.2 27.93c10.01-1.18 19.79-3.86 29-7.95a102.594 102.594 0 0 1-25.2 26.16z"
        />
      </svg>
    ),
  },
};

export default {
  search: {
    emptyResult: '找不到结果',
    loading: '加载中',
    error: '搜索错误',
    placeholder: '搜索',
  },
};

{
  true,
  text: (
    <a
      href='https://github.com/SimpleLifecst/nextra-template'
      target='_blank'
    >
      🎉 查看SimpleLife GitHub仓库.
    </a>
  )
}

export default {
  banner: {
    key: 'SimpleLife',
    text: <a>…………</a>,
  },
};

import Navbar from '@/components/Navbar';
import Feedback from '@/components/Feedback';
 
export default {
  navbar: {
    component: Navbar,
    extraContent: Feedback,
  },
};

import Code from '@/components/Code';
 
export default {
  components: {
    pre: Code,
  },
};

export default {
  direction: 'rtl',
};

import MainComponent from '@/components/MainComponent';
 
export default {
  main: MainComponent,
};

export default function MainComponent({ children }) {
  return (
    <>
      <div>{children}</div>
      <div>评论区</div>
    </>
  );
}

export default {
  toc: {
    title: '目录',
    backToTop: true,
    float: true,
  },
};

export default {
  navigation: {
    prev: true,
    next: true,
  },
};

export default {
  gitTimestamp: LastUpdateDate,
};

import dayjs from 'dayjs';
 
function LastUpdateDate({ timestamp }) {
  return '最后更新于 ' + dayjs(timestamp).format('YYYY年M月D日');
}
 
export default LastUpdateDate;

export default {
  footer: {
    text: (
      <span>
        Copyright {new Date().getFullYear()} © <span>SimpleLife</span>.
      </span>
    ),
  },
};

export default {
  themeSwitch: {
    useOptions() {
      return {
        light: '白天',
        dark: '黑夜',
        system: '系统',
      };
    },
  },
};