# docsify_template

**Repository Path**: maiyajun/docsify_template

## Basic Information

- **Project Name**: docsify_template
- **Description**: 这是一个egg.template的文档
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-23
- **Last Updated**: 2021-11-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# docsify_template

## 一.安装依赖

```
cnpm i docsify -g
```

## 二.初始化项目

```
docsify init
```

## 三.启动项目

```
docsify serve
```

## 四.配置

#### 4-1 配置侧边栏

```
//在 index.html 文件配置 loadSidebar 选项
window.$docsify = {
      loadSidebar: true,
      name: '前端面试'
}
```

```
//2.在项目根目录下新建_sidebar.md文件，内容如下
* [html-css](pages/html-css)
* [Javascript](pages/Javascript)
* [vue](pages/Vue)
```

```
//3.配置文档目录
window.$docsify = {
    loadSidebar: true,
    subMaxLevel: 6
}
```

#### 4-2 配置导航栏

```
# 1、index.html 配置
window.$docsify = {
      loadNavbar: true,
      ...
}
```

```
//2.在项目根目录下新建_navbar.md文件，内容如下
* [html-css](pages/html-css)
* [Javascript](pages/Javascript)
* [vue](pages/Vue)
```

#### 4-3 封面

```
1、配置index.html
window.$docsify = {
       coverpage: true,
      ...
}
```

```
2、新建_coverpage.md
//2.新建_coverpage.md文件,配置如下
![logo](assets/icon.svg)

# 前端面试宝典

> 涉及以下技术栈

* HTML-CSS-Javascript
* React
* Angular
* React-native
* Flutter
* Ionic

[码云](https://gitee.com/maiyajun)
[语雀](https://www.yuque.com/maiya-wipen)
[Get Started](pages/html-css)
```

#### 4-4 配置主页，合并导航

```
window.$docsify = {
      repo:"https://gitee.com/maiyajun",
      mergeNavbar:true,
      homepage:"pages/html-css.md"
}
```

#### 4-5 配置搜索

```
//index.html中进行配置
<script>
    window.$docsify = {
      search:{
        paths:["auto"],
        maxAge: 86400000,
        placeholder: '请搜索',
        noData: '没有搜索到你想要的结果',
        depth:6
      }
    }
</script>
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
```