為了提高用戶體驗(yàn)，我們可以在側(cè)邊欄添加導(dǎo)航煤搜。
步驟一
- 在data文件夾找到navigation.yml，根據(jù)作者寫的Quick-Start Guide的添加側(cè)邊欄導(dǎo)航，在里面添加以下代碼
docs:
- title: Getting Started
children:
- title: "Quick-Start Guide"
url: /docs/quick-start-guide/
- title: "Structure"
url: /docs/structure/
- title: "Installation"
url: /docs/installation/
- title: "Upgrading"
url: /docs/upgrading/
- title: Customization
children:
- title: "Configuration"
url: /docs/configuration/
- title: "Navigation"
url: /docs/navigation/
- title: "UI Text"
url: /docs/ui-text/
- title: "Authors"
url: /docs/authors/
- title: "Layouts"
url: /docs/layouts/
- title: Content
children:
- title: "Working with Posts"
url: /docs/posts/
- title: "Working with Pages"
url: /docs/pages/
- title: "Working with Collections"
url: /docs/collections/
- title: "Helpers"
url: /docs/helpers/
- title: "Utility Classes"
url: /docs/utility-classes/
- title: Extras
children:
- title: "Stylesheets"
url: /docs/stylesheets/
- title: "JavaScript"
url: /docs/javascript/
步驟二
在頁面添加以下代碼
sidebar:
nav: "docs"
我的嘗試：
在文章的頁面中添加以上代碼稽荧，側(cè)邊欄就出現(xiàn)了導(dǎo)航啦！
作者的側(cè)邊欄導(dǎo)航模板太多我的網(wǎng)站不需要的按鈕了工腋，于是我簡(jiǎn)化了一下姨丈，下面是我的側(cè)邊欄導(dǎo)航代碼
出來的效果就是
