hene

hene.dev

VuePress のサイドバー設定

VuePress のサイドバー設定

config.js の設定

全ページのサイドバーの設定ができます。

sidebar: auto にすると、 自動的にサイドバーが生成されます。

sidebarDepth: 2 だと、 h3 までが サイドバーに表示されます。

module.exports = {
  ...
  themeConfig: {
    ...
    sidebar: "auto",
    sidebarDepth: 2,
    ...
  },
  ...
}

サイドバーを表示しない

上記の設定で、全ページ自動でサイドバーが生成されています。

もし、サイドバーを表示したくないページがあれば、 sidebar: false とすると、表示されなくなります。

<!-- about.md -->

---

sidebar: false
title: About
description: About
permalink: /about

---

# About

エンジニア

参考

関連記事