昨天嘗試了增加側(cè)邊欄導(dǎo)航芥永,成功了蛤铜,所以今天來(lái)介紹下是怎么嘗試成功的官研。
有關(guān)教程看這里 https://mmistakes.github.io/minimal-mistakes/docs/layouts/#custom-sidebar-navigation-menu
Custom sidebar navigation menu example
參照上面的教程蓬痒,我做了如下的修改:
在_config.yml中添加如下代碼
# _docs
- scope:
path: ""
type: docs
values:
sidebar:
nav: "docs"
在_data/navigation.yml中增加如下(一部分示例)
docs:
- title: svg制作
children:
- title: "SVG的歷史"
url: https://nfunm082.gitee.io/minimal-mistakes/svg/2018-07-02-svg-history/
- title: "SVG嘗試"
url: https://nfunm082.gitee.io/minimal-mistakes/svg/2018-07-02-svg-try/
- title: "svg動(dòng)畫(huà)"
url: https://nfunm082.gitee.io/minimal-mistakes/svg/2018-07-07-svg-train/
然后在相應(yīng)的每一篇文章的開(kāi)頭添加這一小塊:
sidebar:
nav: "docs"
這樣就成功了啦泻骤!
側(cè)邊欄導(dǎo)航
其實(shí)這個(gè)操作是非常簡(jiǎn)單的,只要看懂了教程就很容易乳幸。雖然教程是英語(yǔ)的瞪讼,但是翻譯成中文后很容易理解。
還有一個(gè)很重要的點(diǎn):一定要用Chrome瀏覽器查看是否成功粹断,我之前使用其他瀏覽器的時(shí)候以后沒(méi)成功改了好幾次符欠,后來(lái)才發(fā)現(xiàn)是瀏覽器的問(wèn)題。這個(gè)側(cè)邊欄導(dǎo)航在其他瀏覽器上看不了的得用Chrome才能看到瓶埋。