guide
Docusaurus
目录结构:
├── blog # 博客
│ ├── first-blog.md
├── docs # 文档/笔记
│ └── doc.md
├── data
│ ├── feature.tsx # 特点
│ ├── friends.tsx # 友链
│ ├── projects.tsx # 项目
│ ├── skills.tsx # 技术栈
│ └── social.ts # 社交链接
├── i18n # 国际化
├── src
│ ├── components # 组件
│ ├── css # 自定义CSS
│ ├── pages # 自定义页面
│ ├── plugin # 自定义插件
│ └── theme # 自定义主题组件
├── static # 静态资源文件
│ └── img # 静态图片
├── docusaurus.config.ts # 站点的配置信息
├── sidebars.ts # 文档的侧边栏
├── package.json
├── tsconfig.json
└── pnpm-lock.yaml
站点配置
docusaurus.config.ts 位于你的网站的根目录,包含了你的站点的配置信息。
绝大部分的配置信息都可以放在这里,例如搜索(algolia),评论(giscus),社交链接(socials)等等。 这些配置都可以通过 docusaurus 内置的 hook(useThemeConfig、useDocusaurusContext)来获取。
自定义主题
prism 参数
主题设置:深、浅主题设置
添加组件
自定义布局时,可以在 src/components 文件夹下创建自定义的组件。服务启动的主页在:src/pages 文件夹下。index.tsx 文件为主页,可以在里面添加你的组件。