- 准备node环境
- 下载docsify依赖 npm i docsify-cli -g
- 初始化项目 docsify init docs
- 启动项目 docsify serve ./docs
- 访问博客 http://localhost:3000
└── docs/
├── _media
├── assets
├── category
├── md
├── _coverpage.md
├── _sidebar.md
├── _navbar.md
├── _about.md
└── index.html
└── README.md
-
_sidebar.md
目录配置
window.$docsify = {
loadSidebar: true
}-
index.html
用于配置一些网站的基础信息，包括：网站采集、留言板、地址等。
-
_coverpage.md
用于配置博客首页的介绍信息和网站Logo等
- 配置主题地址
- 在根目录添加_sidebar.md
- 配置
window.$docsify = {
loadSidebar: true
}
- 配置显示层级或忽略 window.$docsify中配置subMaxLevel属性
- 目录内容
* [主页](/)
* [导航](/md/guide.md "The greatest guide in the world")
- 在根目录添加_navbar.md
- 在index.html加入标签
<body>
<nav>
<a href="#/">EN</a>
<a href="#/zh-cn/">简体中文</a>
</nav>
<div id="app"></div>
</body>- 配置
window.$docsify = {
loadNavbar: true,
loadNavbar: 'nav.md',
}-
目录级顶部导航 在目录下创建自己的_navbar.md
-
嵌套
* Getting started
* [Quick start](quickstart.md)
* [Writing more pages](more-pages.md)
* [Custom navbar](custom-navbar.md)
* [Cover page](cover.md)
* Configuration
* [Configuration](configuration.md)
* [Themes](themes.md)
* [Using plugins](plugins.md)
* [Markdown configuration](markdown.md)
* [Language highlight](language-highlight.md)- 两个搜索框问题？ 当同时引入docsify.min.js与search.min.js时，会出现两个搜索框
- 文章多维度分类
- 文章打标签标签
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent