插件

google analytics GA版本

1. 安装

yarn add -D vuepress-plugin-google-analytics-4

2. 配置

['google-analytics-4',
    {
        'gtag': 'G-XXXXXXX'
    }
]

配置

修改标题栏排序

导航标题栏为左边，搜索为右边，编辑docs/.vuepress/styles/index.styl

.navbar .links {
  justify-content: space-between;
  left: 280px !important;
  //right: unset !important;
  //margin-right: -20px;
  // right: 20 !important;
  flex-direction: row-reverse;
}

.search-box{
  margin-left: 20px;
  margin-right: unset !important;
  right: 20 ;
  //order: 2;
}
.search-box .suggestions{
  left: unset !important;
  right: 0 !important;
}

.dropdown-wrapper .nav-dropdown {
  right: unset !important;
  left: 0 !important;
}

修改标题栏字体

导航下拉列表，子目录字体大小和缩进,编辑docs/.vuepress/styles/index.styl

.dropdown-wrapper .dropdown-title {
  font-size: 1.0rem !important;

}

.navbar .links{
  font-size: 1.0rem !important;
}

.dropdown-item a{
  font-weight: unset !important;
}
.dropdown-subitem-wrapper .dropdown-subitem{
  font-size: 0.85em !important;
  padding-left: 3.8px;
  font-weight: 350;
}

.dropdown-wrapper .nav-dropdown .dropdown-item{
  font-weight: 600;
}