docusaurus

图

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

SandpackEditor

export default () => {
    return (
        <div>
            <h1>Hello World</h1>
            <p>Play with me!</p>
        </div>
    );
};

主题色

docusaurus.config.js

module.exports = {
    themeConfig: {
        colorMode: {
            defaultMode: 'light',
            disableSwitch: false,
            respectPrefersColorScheme: false
        }
    }
};

参考资料

• https://www.lukebelliveau.dev/sandpack-docusaurus