# Interview

**Repository Path**: wangsiman/Interview

## Basic Information

- **Project Name**: Interview
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-01-07
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## docsify教程

官网<https://hooray.github.io/posts/ed9dc49e/> 

### 一.安装依赖

窗口安装

```
npm i docsify-cli -g
```

### 二.初始化项目

窗口

```
docsify init 
```

### 三.启动

vscode打开

```
docsify  serve
```

### 四.配置

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

```js
//1.我们打开 index.html 文件配置 loadSidebar 选项：
window.$docsify = {
      loadSidebar: true,
      name: '前端面试',
      repo: ''
    }
```

```js
//2.接着在根目录下创建 _sidebar.md 文件，内容如下： 
* [html&css](/)
* [javascript](guide)
* [vue](zh-cn/)
* [react](zh-cn/guide)
```

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

```js
//readme.md
## 标题1

### 标题1-1

### 标题1-2

## 标题2

## 标题3
```

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

```js
//1.打开 index.html 文件配置 loadNavbar 选项：
window.$docsify = {
    loadNavbar: true
}
```

```js
//2.接着在根目录下创建 _navbar.md 文件，内容如下：
* [html&css](/)
* [javascript](/zh-cn/)
```

#### 4-3设置封面

```js
//1.打开 index.html 文件配置 loadNavbar 选项：
window.$docsify = {
    coverpage: true
}
```

```js
//2.接着在根目录下创建 _coverpage.md 文件，内容如下：
![logo](assets/logo.svg)    //logo图片

# 前端面试宝典

> 涉及以下技术栈

* [HTML-CSS-Javascript]()
* Vue
* React
* Angular
* 微信小程序

[码云](https://gitee.com/wangsiman)
[语雀](https://www.yuque.com/u238997)
[Github](https://github.com/wangsiman0419)
```

#### 4-4分页

在文档底部出现上一页和下一页按钮。

```js
//html
<script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
```

#### 4-5搜索框

```js
//1.index.html进行配置
search:{
        maxAge:86400000,
        paths:["auto"],
        placeholder: '请搜索',
        noData:"没有搜索到你想要的结果",
        depth:6
      }
```

```js
//搜索要放在下面
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
 <script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
```

#### 4-6二级导航

缩进就是二级导航 

```js
//_navbar.md
* [html&css](pages/html-css)
   * [javascript](pages/javascript)
* [vue](pages/vue)
* [react](pages/react)
* [angular](pages/angular)
* [android](pages/android)
```

#### 4-7二级标题

```js
//_sidebar.md
* [html&css](pages/html-css)
   * [javascript](pages/javascript)
* [vue](pages/vue)
```

#### 4-8图片缩放

```js
//html-css.md
![](../assets/logo.png)
```

```
<script src="//unpkg.com/docsify/lib/plugins/zoom-image.min.js"></script>
```