样式与页面

样式和布局

Docusaurus 网站是一个 React 单页应用。 你可以像一般的 React 应用一样给网站提供样式。常用的是全局样式与CSS 模块。

修改主题色

可以在 这里 设置主色调与背景色来查看浅色与深色模式下的效果，例如我的主题色是 #12AFFA

@docusaurus/preset-classic 用 Infima 作为底层样式框架。 Infima 提供了灵活的布局，以及常见的 UI 组件样式，适用于以内容为中心的网站（博客、文档、首页）。想要了解更多详情，请查看 Infima 网站。

主页

因为设置了仅博客模式，没有专门编写的首页，而是将博文列表设置为首页。需要将src/pages/index.tsx文件给删除（或者改个名），否则会导致首页路径冲突。当然你也可以专门搞一个主页，然后跳转至博文列表页。

所以博客页面，也就是首页。但仅仅只有博客是远远不够的，所以便添加了Hero组件，在博客列表的开头。

主页SVG背景来源于unDraw，在这个网站可以找到这类插画风格的背景。

自定义页面

友链、导航、项目以及关于我页面都在src/pages目录下定义，根据文件名映射对应路由。页面的创建可以查看 创建页面 | Docusaurus