安装
$ yarn add -D vuepress-plugin-right-anchor点击复制复制失败已复制
配置
在 .vuepress/config.js
文件中配置 plugin
字段,如下所示:
module.exports = { // ... plugins: [ // ... ['vuepress-plugin-right-anchor'] ] }点击复制复制失败已复制
增加 .vuepress/styles/palette.styl
文件,写入如下内容
$rightAnchorBgColor = #fff; $rightAnchorTextColor = $textColor; $rightAnchorFontSize = 14px; // btn $rightAnchorBtnTextColor = $rightAnchorTextColor; $rightAnchorBtnBgColor = $rightAnchorBgColor; // menu $rightAnchorMenuTextColor = $rightAnchorTextColor;点击复制复制失败已复制
个性化配置
默认插件的配置是在右侧有一个小按钮,鼠标移动上去之后展示锚点导航功能,我希望是进入页面后直接打开锚点导航功能。
修改.vuepress/config.js
文件中 plugin
配置,如下所示:
module.exports = { // ... plugins: [ // ... [ 'vuepress-plugin-right-anchor', { expand: { trigger: 'click', clickModeDefaultOpen: true } } ] ] }