docusaurus.config.js

// @ts-check
// Note: type annotations allow type checking and IDEs autocompletion

const themes = require("prism-react-renderer");
const npm2yarn = require("@docusaurus/remark-plugin-npm2yarn");
const lightCodeTheme = themes.github;
const darkCodeTheme = themes.dracula;

const TwitterSvg =
    '<svg style="fill: #1DA1F2; vertical-align: middle;" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>';

/** @type {import('@docusaurus/types').Config} */
const config = {
    title: "Roy's Blog",
    tagline: "全栈进阶之路",
    url: "http://blog.effie.vip",
    baseUrl: "/",
    onBrokenLinks: "throw",
    onBrokenMarkdownLinks: "warn",
    favicon: "img/favicon.ico",
    organizationName: "iRoySwift", // Usually your GitHub org/user name.
    projectName: "RoysBlog", // Usually your repo name.
    trailingSlash: false,
    plugins: ["docusaurus-plugin-sass"],
    presets: [
        [
            "classic",
            /** @type {import('@docusaurus/preset-classic').Options} */
            ({
                docs: {
                    sidebarPath: require.resolve("./sidebars.js"),
                    // Please change this to your repo.
                    editUrl:
                        "https://github.com/iRoySwift/RoysBlog/tree/master",
                    remarkPlugins: [[npm2yarn, { sync: true }]],
                },
                blog: {
                    showReadingTime: true,
                    readingTime: ({
                        content,
                        frontMatter,
                        defaultReadingTime,
                    }) =>
                        defaultReadingTime({
                            content,
                            options: { wordsPerMinute: 300 },
                        }),
                    blogTitle: "Roy's 博客！",
                    blogDescription: "这是个用 Docusaurus 搭建的博客！",
                    postsPerPage: 5,
                    blogSidebarTitle: "All our posts",
                    blogSidebarCount: "ALL",
                    // Please change this to your repo.
                    editUrl:
                        "https://github.com/iRoySwift/RoysBlog/tree/master",
                },
                pages: {
                    remarkPlugins: [npm2yarn],
                },
                theme: {
                    customCss: require.resolve("./src/css/custom.css"),
                },
                googleAnalytics: {
                    trackingID: "G-LJS4H1G94Q",
                    anonymizeIP: true,
                },
            }),
        ],
    ],

    themeConfig:
        /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
        ({
            liveCodeBlock: {
                playgroundPosition: 'bottom',
            },
            docs: {
                sidebar: {
                    hideable: true,
                    autoCollapseCategories: true,
                }
            },
            colorMode: {
                defaultMode: "dark",
                disableSwitch: false,
                respectPrefersColorScheme: false,
            },
            navbar: {
                title: "Roy's Blog",
                logo: {
                    alt: "Roy's Blog",
                    src: "img/logo.svg",
                },
                items: [
                    {
                        type: "doc",
                        docId: "intro",
                        position: "left",
                        label: "文档",
                    },
                    {
                        type: 'docSidebar',
                        sidebarId: 'tools',
                        position: 'left',
                        label: '工具',
                    },
                    { to: "/blog", label: "博客", position: "left" },
                    // {
                    //   type: 'localeDropdown',
                    //   position: 'right'
                    // },
                    {
                        href: "https://github.com/iRoySwift/RoysBlog",
                        label: "GitHub",
                        position: "right",
                    },
                ],
            },
            footer: {
                style: "dark",
                links: [
                    {
                        title: "Docs",
                        items: [
                            {
                                label: "Tutorial",
                                to: "/docs/intro",
                            },
                        ],
                    },
                    {
                        title: "Community",
                        items: [
                            {
                                label: "Stack Overflow",
                                href: "https://stackoverflow.com/questions/tagged/docusaurus",
                            },
                            {
                                label: "Discord",
                                href: "https://discordapp.com/invite/docusaurus",
                            },
                            {
                                label: "Twitter",
                                href: "https://twitter.com/docusaurus",
                            },
                        ],
                    },
                    {
                        title: "More",
                        items: [
                            {
                                label: "Blog",
                                to: "/blog",
                            },
                            {
                                label: "GitHub",
                                href: "https://github.com/facebook/docusaurus",
                            },
                        ],
                    },
                ],
                copyright: `Copyright © ${new Date().getFullYear()} Effie, Inc. Built with Docusaurus.`,
            },
            prism: {
                theme: lightCodeTheme,
                darkTheme: darkCodeTheme,
            },
            announcementBar: {
                id: "announcementBar-2", // Increment on change
                content: `⭐️ Support Ukraine 🇺🇦 <a target="_blank" rel="noopener noreferrer" href="https://nation.io/dao/ukraine">Help Provide Humanitarian Aid to Ukraine.</a> and follow us on <a target="_blank" rel="noopener noreferrer" href="https://twitter.com/_AidForUkraine" >Twitter</a> ${TwitterSvg}`,
            },
        }),
    i18n: {
        defaultLocale: "zh-cn",
        locales: ["zh-cn"],
        // localeConfigs: {
        //   en: {
        //     htmlLang: 'en-GB'
        //   },
        //   // You can omit a locale (e.g. fr) if you don't need to override the defaults
        //   fa: {
        //     direction: 'rtl'
        //   }
        // }
    },
};

module.exports = config;