vuepress配置logo和主题颜色

一 安装

根据官网教程即可 前往官网，由于我是在已有项目中配置，因此需要创建docs文件夹，目录如下所示

二 配置

1. 上图根目录中红色的README.md是网站主页，这个文件必须要有的。同时，.vuepress文件夹下的config.js，是整个网站的配置也必须要有。

2. 配置官网logo，在.vuepress文件夹下新加punlic/logo.png，并在config.js里面按如下图配置即可

   

3. 修改默认颜色，新建styles/palette.styl文件，并做如下配置

    $accentColor =#eeaea7//默认主题颜色
    $textColor = pink//默认字体颜色
    $borderColor = #eaecef//默认边框颜色
    $codeBgColor = #282c34//默认背景颜色

    //示例修改相关样式f12找到需要修改的地方找到对应class类拿过来直接用就行了
    .sidebar-group.is-sub-group > .sidebar-heading:not(.clickable){
      opacity :1
    }