zishu's blog

zishu's blog

一个热爱生活的博主。https://zishu.me

基於 docsify 搭建一個文檔

一、搭建#

docsify 是一個類似 vuepress, gitbook 等靜態文檔程序,但是對比之前,個人還是喜歡 docsify 的風格和源碼。不想要那麼多附帶的功能,能滿足寫文章,目錄的功能就行了。

點擊查看demo

打開終端輸入指令,把本地環境搭建起來:

npm install docsify-cli -g

初始化文檔:

docsify init ./docs

本地運行:

docs serve

然後在瀏覽器打開 localhost:3000 就可以查看了。

二、頁面#

我覺得最基本的頁面就三個

  1. _navbar.md

導航欄

* [關於](/)

然後在 index.html 調用。

window.$docsify = {
    ...
    loadNavbar: true,
    ...
}

如圖:

image

  1. _sidebar.md

側邊欄

* [基於docsify搭建一個文檔](基於docsify搭建一個文檔.md)

在 index.html 調用。

window.$docsify = {
    ...
    loadSidebar: true,
    ...
}

如圖:

image

  1. README.md

首頁

## about

博客地址:[https://imhan.cn](https://imhan.cn)

作者:shuxhan

時間:2021.04.20

本文檔作為博客的文章備份,如果對文章有一些其他的評論可以直接點擊鏈接到原地址。

如圖:

image

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。