VuePress-reco主题 首页侧边栏解决办法

1,867 阅读2分钟

前言

最近在写轮子,使用VuePress来制作网站,不得不说非常方便,建个小型又好看的博客还真不错

基础搭建好后开始使用主题,使用了网友推荐的主题reco,按照默认主题的写法转到reco后,侧边栏每次都出现在首页的左侧,根据文档禁止也没效果

解决方案

  1. 更改成多个侧边栏的写法
  2. 新建个文件夹,把原来的目录放进去 我是在docs里在建个docs
  3. 首页也要在地址前加上新建文件夹的地址才能正确进入

vuepress 里的地址真是让人头疼,添加LOGO的问题也阻扰我半天

解决过程

翻文档,不管是官方的还是reco主题的都翻了一遍,也大概尝试了数次,确认是主题造成的问题。

尝试去找主题的作者,进了他的群,根据别人提供的反馈来看,别人使用是没有这个问题的,要了截图仔细对比。

这是他的写法

这是我的写法 那么有没有可能是写法的问题,官方文档里也写了这2种写法,侧边栏分组和多个侧边栏

我的目录结构比较简单,也就没使用多个侧边栏的写法

比对发现问题后,想着可能是写法的不同造成的问题,更改了写法,问题改变了,侧边栏消失了 淦,我这种菜鸡还是老老实实使用官方的多好,折腾啥呀,另一位小伙伴也是跟我一样的问题进了群

经过激烈的探讨,另一位小伙伴改变了写法解决了BUG,而我的问题依然存在

在测测测,发现目录结构的不同,继续改,就盯着地址改

在原来的目录里多加了一个文件夹,文档复制一份放进去

还是不行,就差直接拿别人的项目改一改拿去用了,被大佬点醒,我的首页md是不是还没有改地址,使用新加的文件夹的地址测,终于成功了