自定义文件夹的引用问题
问题的发现
我自己不是定义了几个选择栏吗!如下图:
然后这个配置在docusaurus.config.js
里面都有,只需要:to
一个文件路径就行
{
label: "🍖生活",
position: "right",
to: "/Life",
},
但是!!但是嗷我刚开始很天真的以为,我在工程里面新建一个文件夹,然后编写跟docs
里面一样操作就行,当我反复实验发现,他一直会显示找不到,在页面上反应就是“找不到该页面,请联系....”
-----------------------分割线-----------------
然后我就去愧怍前辈的这一片文章中发现了蛛丝马迹(因为我没写过前端,所以都是摸爬滚打雷区蹦迪过来的),这篇文章最下面
plugin-content-blog
提到官方的插件没有包含所有的列表组件,可能获取不到全局的标签信息,所以进行了魔改。
我参照的博客风格是wiki.7wate的风格(当初选择这个前辈也是因为是中文,并且文件脉络框架跟我的相差不大),当时打开他的源码我就发现docusaurus.config.js
里面对于plugin的配置有很长一串。于是我就试着开始了
开始操作
1、docusaurus.config.js
:
const config = {
plugins: [
[
"@docusaurus/plugin-content-docs",
{
id: "Life",//文件的名称
path: "Life",//从外面文件夹到内部文件夹eg:DX-vlog/Life
routeBasePath: "Life", //基本路径
sidebarPath: require.resolve("./sidebars.js"),
editUrl: "https://github.com/DxIMT/blog/tree/master",//我直接用的我GItHub的,我也不造是啥啊啊哈哈哈
showLastUpdateAuthor: true,
showLastUpdateTime: true,
breadcrumbs: false,
},
],
],
}
2、:文件中的书写配置
文件树分布脉络
life
├── Games
├ ├── _category_.json
├ ├── test.md
├── Love
├ ├── _category_.json
├ ├── Home.md
├── Life_Home.md
在编写Life_Home.md的时候配置如下
---
slug: /
id: Life_Home
sidebar_position: 1
title: 所有的日常
---
其中slug最为重要,直接写/就行,然后test.md;Home.md里面就不配置slug,这样是为了在直接to:Life的时候就可以到Life_Home的页面,并且不会出现ID重复的警告
{
label: "🍖生活",
position: "right",
to: "/Life",
},