一、搭建#
docsify 是一個類似 vuepress, gitbook 等靜態文檔程序,但是對比之前,個人還是喜歡 docsify 的風格和源碼。不想要那麼多附帶的功能,能滿足寫文章,目錄的功能就行了。
點擊查看demo。
打開終端輸入指令,把本地環境搭建起來:
npm install docsify-cli -g
初始化文檔:
docsify init ./docs
本地運行:
docs serve
然後在瀏覽器打開 localhost:3000
就可以查看了。
二、頁面#
我覺得最基本的頁面就三個
- _navbar.md
導航欄
* [關於](/)
然後在 index.html 調用。
window.$docsify = {
...
loadNavbar: true,
...
}
如圖:
- _sidebar.md
側邊欄
* [基於docsify搭建一個文檔](基於docsify搭建一個文檔.md)
在 index.html 調用。
window.$docsify = {
...
loadSidebar: true,
...
}
如圖:
- README.md
首頁
## about
博客地址:[https://imhan.cn](https://imhan.cn)
作者:shuxhan
時間:2021.04.20
本文檔作為博客的文章備份,如果對文章有一些其他的評論可以直接點擊鏈接到原地址。
如圖: