Docusaurus 养成记录
-
这里记录着我搭建博客的部分踩坑过程,分享在这里希望能够给遇到类似问题或者需要类似教程的小伙伴一些帮助,尽量少走弯路。
-
对于博客框架底层的东西我也不是专业的,我的搭建的过程可以说是一通胡乱摸索,但是所记录的文档均是我运行成功的,可放心食用(如果有版本改动不一定适用)
-
如果遇到了和我不一样的情况,或者参考了我的步骤达不到预期效果,不要慌,要有耐心,要善于利用搜索引擎!!!
👇 建议多翻阅文官文档,或许会有你需要的答案
侧边栏类别生成的索引页
- 可选,并且将从父侧边栏类别的内容中自动推断出来
- 官方文档:https://docusaurus.io/blog/2022/09/01/docusaurus-2.1#doccardlist-improvements
- 在你需要的页面中添加以下代码
import DocCardList from '@theme/DocCardList';
<DocCardList/>
📄️ Docusaurus 养成记录
- 这里记录着我搭建博客的部分踩坑过程,分享在这里希望能够给遇到类似问题或者需要类似教程的小伙伴一些帮助,尽量少走弯路。
📄️ 波浪效果
1.创建文件夹
📄️ 回到顶部
1.创建svg图片代码
📄️ 侧边栏线条
在src\css\custom.css中添加以下代码:
📄️ 打字机效果
1.安装类型声明
📄️ 滚动条样式
全局滚动条样式
📄️ 首页技术栈
1.配置方法
📄️ 最后更新时间
1.在 Markdown 文档中添加更新时间
📄️ 底部分页导航
在src\css\custom.css中添加以下代码:
📄️ NavFilter模糊
添加模糊代码
📄️ 目录悬停和激活
- 添加样式路径:src\css\custom.css
📄️ 自动生成的侧边栏
1.修改 docusaurus.config.js 文件
📄️ 引入JavaScript外部脚本
1.集成配置
📄️ 首页博客创建时间和标签
1.配置方法