-> v0.4.2

bump 0.4.2
fix code error
2026-08-09 13:26:34 +10:00 · 2016-11-28 12:34:05 +08:00 · 2016-11-28 12:33:54 +08:00 · 2016-11-28 12:33:25 +08:00 · 2016-11-28 12:24:14 +08:00 · 2016-11-28 12:23:43 +08:00
29 changed files with 3359 additions and 2575 deletions
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <link rel="stylesheet" href="/themes/vue.css">
+</head>
+<body>
+  <nav>
+    <a href="/">En</a>
+    <a href="/zh-cn">中文</a>
+  </nav>
+  <div id="app"></div>
+</body>
+<script src="/lib/docsify.js" data-repo="qingwei-li/docsify"></script>
+</html>
@@ -0,0 +1,37 @@
+## 0.4.2
+## Bug fixes
+- Correct catch ajax error
+
+## 0.4.1
+## Bug fixes
+- catch ajax error
+
+## 0.4.0
+### Features
+- Custom sidebar
+
+### Bug fixes
+- Fix undefined language
+
+## 0.3.1
+### Bug fixes
+- Strip HTML tag when rendering the headings
+
+## 0.3.0
+### Features
+- Add minified css files
+- Add max level option
+- Add pure.css
+
+## 0.2.1
+### Bug fixes
+- Fix vue.css
+
+## 0.2.0
+### Bug fixes
+- Fix route
+- Remove dynamic title
+
+## 0.1.0
+### Features
+- Add buble.css
@@ -1,15 +1,20 @@
-# docsify [WIP]
+# docsify
 [![Build Status](https://travis-ci.org/QingWei-Li/docsify.svg?branch=master)](https://travis-ci.org/QingWei-Li/docsify)
 [![npm](https://img.shields.io/npm/v/docsify.svg)](https://www.npmjs.com/package/docsify)

 >🃏 A magical documentation site generator.

+## Links
+- [Documentation](https://qingwei-li.github.io/docsify)
+- [CLI](https://github.com/QingWei-Li/docsify-cli)
+
 ## Features
 - Easy and lightweight
- Custom themes and plugins
+- Custom themes
+- No build

 ## Quick start
-Such as [./docs](https://github.com/QingWei-Li/docsify/tree/master/docs), Create `404.html` and `README.md` into `/docs`.
+Create `404.html` and `README.md` into `/docs`.

 404.html

@@ -25,5 +30,10 @@ Such as [./docs](https://github.com/QingWei-Li/docsify/tree/master/docs), Create
 </html>
 ```

+## How to contribute
+
+- Fork it and clone!
+- Run `npm i && npm run dev`
+
 ## License
 MIT
@@ -0,0 +1,12 @@
+var serveStatic = require('serve-static')
+var http = require('http')
+var fs = require('fs')
+
+http.createServer(function (req, res) {
+  serveStatic('.')(req, res, function () {
+    res.writeHead(404, { 'Content-Type': 'text/html' })
+    res.end(fs.readFileSync('404.dev.html'))
+  })
+}).listen(3000)
+
+console.log(`\nListening at http://localhost:3000\n`)
@@ -0,0 +1,20 @@
+var fs = require('fs')
+var cssnano = require('cssnano').process
+var resolve = require('path').resolve
+
+var save = function (file, content) {
+  fs.writeFileSync(resolve(__dirname, '../lib/themes/', file), content)
+}
+var load = function (file) {
+  return fs.readFileSync(resolve(__dirname, '../themes/', file)).toString()
+}
+
+var list = fs.readdirSync(resolve(__dirname, '../themes'))
+
+list.forEach(function (file) {
+  cssnano(load(file))
+    .then(function (result) {
+      save(file, result.css)
+      console.log('cssnao - ' + file)
+    })
+})
@@ -15,10 +15,6 @@ var build = function (opts) {

      console.log(dest)
      bundle.write({
-        globals: !opts.inline ? {
-          marked: 'marked',
-          prismjs: 'Prism'
-        } : {},
        format: 'umd',
        moduleName: opts.moduleName || 'Docsify',
        dest: dest
@@ -27,26 +23,12 @@ var build = function (opts) {
 }

 build({
-  entry: 'docsify.js'
+  entry: 'index.js',
+  output: 'docsify.js',
+  plugins: [commonjs(), nodeResolve()]
 })
 build({
-  entry: 'docsify.js',
+  entry: 'index.js',
  output: 'docsify.min.js',
-  plugins: [uglify()]
-})
-build({
-  entry: 'docsify.js',
-  output: 'docsify.pack.js',
-  plugins: [commonjs(), nodeResolve()],
-  inline: false
-})
-build({
-  entry: 'docsify.js',
-  output: 'docsify.pack.min.js',
-  plugins: [commonjs(), nodeResolve(), uglify()],
-  inline: false
-})
-build({
-  entry: 'plugins/nav.js',
-  moduleName: 'Docsify.Nav'
+  plugins: [commonjs(), nodeResolve(), uglify()]
 })
@@ -2,11 +2,17 @@
 <html lang="en">
 <head>
  <meta charset="UTF-8">
+  <title>Docsify</title>
+  <meta name="description" content="A magical documentation generator.">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-  <link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
+  <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
 </head>
 <body>
+  <nav>
+    <a href="/docsify/">En</a>
+    <a href="/docsify/zh-cn">中文</a>
+  </nav>
  <div id="app"></div>
 </body>
-<script src="//unpkg.com/docsify/lib/docsify.pack.min.js"></script>
+<script src="//unpkg.com/docsify/lib/docsify.min.js" data-repo="qingwei-li/docsify" data-max-level="3"></script>
 </html>
@@ -0,0 +1 @@
+docsify.js.org
@@ -1,17 +1,23 @@
-# docsify [WIP]
-[![Build Status](https://travis-ci.org/QingWei-Li/docsify.svg?branch=master)](https://travis-ci.org/QingWei-Li/docsify)
-[![npm](https://img.shields.io/npm/v/docsify.svg)](https://www.npmjs.com/package/docsify)
+# docsify

->🃏 A magical documentation site generator.
+> A magical documentation site generator.

 ## Features
 - Easy and lightweight
- Custom themes and plugins
+- Custom themes
+- No build

-## Quick start
-Such as [./docs](https://github.com/QingWei-Li/docsify/tree/master/docs), Create `404.html` and `README.md` into `/docs`.
+## Quick Start

-404.html
+### Create a project
+First create a project, then create a `docs` folder
+```shell
+mkdir my-project && cd my-project
+mkdir docs && cd docs
+```
+
+### Create entry file
+Create a `404.html` file

 ```html
 <!DOCTYPE html>
@@ -20,10 +26,121 @@ Such as [./docs](https://github.com/QingWei-Li/docsify/tree/master/docs), Create
  <meta charset="UTF-8">
  <link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
 </head>
-<body></body>
+<body>
+  <div id="app"></div>
+</body>
 <script src="//unpkg.com/docsify"></script>
 </html>
 ```

-## License
-MIT
+Create `README.md` as the main page
+
+```
+# Title
+
+## balabala
+```
+
+### Deploy!
+Push and open the **GitHub Pages** feature
+![image](https://cloud.githubusercontent.com/assets/7565692/20639058/e65e6d22-b3f3-11e6-9b8b-6309c89826f2.png)
+
+## CLI
+
+Easy to setup and preivew a docs.
+
+### Install
+```shell
+npm i docsify-cli -g
+```
+
+### Setup
+
+Setup a boilerplate docs
+```shell
+docsify init docs
+```
+
+### Preview
+Preview and serve your docs using
+```shell
+docsify serve docs
+```
+
+Read more [docsify-cli](https://github.com/QingWei-Li/docsify-cli)
+
+## Themes
+Currently available `vue.css` and `buble.css`
+```html
+<link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
+<link rel="stylesheet" href="//unpkg.com/docsify/themes/buble.css">
+```
+
+Minified files
+
+```html
+<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
+<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/buble.css">
+```
+
+## More
+
+### Multiple pages
+If you need other pages, directly create the markdown file, such as `guide.md` is `/guide`.
+
+### Navbar
+Code in `404.html`
+
+```html
+<nav>
+  <a href="/docsify/">En</a>
+  <a href="/docsify/zh-cn">中文</a>
+</nav>
+```
+
+### Options
+
+#### repo
+Display the [GitHub Corner](http://tholman.com/github-corners/) widget.
+
+```html
+<script src="//unpkg.com/docsify" data-repo="your/repo"></script>
+```
+
+#### max-level
+Toc level.
+
+```html
+<script src="//unpkg.com/docsify" data-max-level="6"></script>
+```
+
+#### el
+Root element.
+
+```html
+<script src="//unpkg.com/docsify" data-el="#app"></script>
+```
+
+#### sidebar
+
+Custom sidebar. if it'set, the TOC will be disabeld. Bind global variables on the `data-sidebar`.
+
+![image](https://cloud.githubusercontent.com/assets/7565692/20647425/de5ab1c2-b4ce-11e6-863a-135868f2f9b4.png)
+
+```html
+<script>
+  window.sidebar = [
+    { slug: '/', title: 'Home' },
+    {
+      slug: '/pageA',
+      title: 'page A',
+      children: [
+        { slug: '/pageA/childrenB', title: 'children B' }
+      ]
+    },
+    { slug: '/PageC', title: 'Page C' }
+  ]
+</script>
+<script src="/lib/docsify.js" data-sidebar="sidebar"></script>
+```
+
@@ -0,0 +1,144 @@
+# docsify
+
+> 无需构建快速生成文档页
+
+## 特性
+- 无需构建，写完 markdown 直接发布
+- 支持自定义主题
+- 容易使用并且轻量
+
+## 快速上手
+
+### 创建项目
+新建一个空项目，接着创建一个 `docs` 目录并进入到 docs 目录下
+```shell
+mkdir my-project && cd my-project
+mkdir docs && cd docs
+```
+
+### 创建入口文件
+创建一个 `404.html` 文件，内容为
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
+</head>
+<body>
+  <div id="app"></div>
+</body>
+<script src="//unpkg.com/docsify"></script>
+</html>
+```
+
+新建 `README.md` 文件，作为主页面
+
+```
+# Title
+
+## balabala
+```
+
+### 部署！
+将项目 `push` 到 GitHub 仓库后到设置页面开启 **GitHub Pages** 功能，选择 `docs/` 选项
+![image](https://cloud.githubusercontent.com/assets/7565692/20639058/e65e6d22-b3f3-11e6-9b8b-6309c89826f2.png)
+
+## 命令行工具
+
+方便快速创建文档目录，会读取项目的 `package.json` 里的选项作为 docsify 的配置，支持本地预览。
+
+### 安装
+```shell
+npm i docsify-cli -g
+```
+
+### 初始化文档
+
+默认初始化在当前目录，推荐将文档放在 `docs` 目录下
+```shell
+docsify init docs
+```
+
+### 启动本地服务
+启动一个 server 方便预览，打开 http://localhost:3000
+```shell
+docsify serve docs
+```
+
+更多选项参考 [docsify-cli](https://github.com/QingWei-Li/docsify-cli)
+
+## 主题
+目前提供 vue.css 和 buble.css，直接修改 `404.html` 里的 cdn 地址即可
+```html
+<link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
+<link rel="stylesheet" href="//unpkg.com/docsify/themes/buble.css">
+```
+
+压缩版
+
+```html
+<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
+<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/buble.css">
+```
+
+## 更多功能
+
+### 多页面
+`README.md` 作为主页面，如果需要其他页面，直接在文档目录下创建对应的 `*.md` 文件，例如创建一个 `guide.md` 那么对应的路由就是 `/guide`。
+
+### 导航
+导航需要自己写在 `404.html` 文件里，效果参考本文档
+
+```html
+<nav>
+  <a href="/docsify/">En</a>
+  <a href="/docsify/zh-cn">中文</a>
+</nav>
+```
+
+### 配置参数
+
+#### repo
+参考本文档的右上角的 GitHub 图标，如果要开启的话，将 `404.html` 里的 script 改成
+
+```html
+<script src="//unpkg.com/docsify" data-repo="your/repo"></script>
+```
+
+#### max-level
+目录最大展开层级，默认值为 6
+
+```html
+<script src="//unpkg.com/docsify" data-max-level="6"></script>
+```
+
+#### el
+替换节点元素，默认为 `#app`
+```html
+<script src="//unpkg.com/docsify" data-el="#app"></script>
+```
+
+#### sidebar
+
+设置后 TOC 功能将不可用，适合导航较多的文档，`data-sidebar` 传入全局变量名。
+
+![image](https://cloud.githubusercontent.com/assets/7565692/20647425/de5ab1c2-b4ce-11e6-863a-135868f2f9b4.png)
+
+```html
+<script>
+  window.sidebar = [
+    { slug: '/', title: 'Home' },
+    {
+      slug: '/pageA',
+      title: 'page A',
+      children: [
+        { slug: '/pageA/childrenB', title: 'children B' }
+      ]
+    },
+    { slug: '/PageC', title: 'Page C' }
+  ]
+</script>
+<script src="/lib/docsify.js" data-sidebar="sidebar"></script>
+```
+
@@ -1,18 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-  typeof define === 'function' && define.amd ? define(factory) :
-  (global.Docsify = global.Docsify || {}, global.Docsify.Nav = factory());
-}(this, (function () { 'use strict';
-
-var Nav = function () {
-  console.log(this);
-};
-Nav.name = 'Doscify.Nav';
-
-if (window.Docsify) {
-  window.Docsify.use(Nav);
-}
-
-return Nav;
-
-})));
@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css?family=Inconsolata|Inconsolata-Bold');*{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased}nav{position:absolute;right:0;left:0;z-index:2;margin:25px 60px 0 0;text-align:right}nav a{margin:0 1em;padding:5px 0;font-size:16px;text-decoration:none;color:inherit;transition:color .3s}nav a.active,nav a:hover{color:#0074d9}nav a.active{border-bottom:2px solid #0074d9}.github-corner{position:absolute;top:0;right:0;z-index:2}.github-corner svg{color:#fff;fill:#0074d9;height:80px;width:80px}.github-corner:hover .octo-arm{animation:a .56s ease-in-out}@keyframes a{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:a .56s ease-in-out}}body,html{height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#34495e;font-family:Source Sans Pro,arial,sans-serif;font-weight:400px;font-size:15px;letter-spacing:0;margin:0}main{height:100%;position:relative;width:100%}.sidebar{background-color:#fff;border-right:1px solid rgba(0,0,0,.07);bottom:0;color:#364149;overflow-y:auto;position:absolute;top:0;width:14em;z-index:1;padding-top:40px}.sidebar ul{margin:0;padding:0}.sidebar ul,.sidebar ul li{list-style:none}.sidebar a{color:#666;text-decoration:none}.sidebar li{list-style:none;padding:.2em .2em .2em 1em;margin:0}.sidebar .active{background-color:#eee}.sidebar .active a{color:#333}.content{bottom:0;left:14em;overflow-y:auto;position:absolute;right:0;top:0;overflow-x:hidden;padding-top:20px}@media screen and (max-width:600px){.sidebar{left:-14em}.content{left:0}}.markdown-section{position:relative;margin:0 auto;max-width:64em;padding:20px 15px 40px}.markdown-section *{box-sizing:border-box;-webkit-box-sizing:border-box;font-size:inherit}.markdown-section>:first-child{margin-top:0!important}.markdown-section h1,.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section strong{font-weight:400;color:#333}.markdown-section a{color:#0074d9;font-weight:400}.markdown-section ol,.markdown-section p,.markdown-section ul{word-spacing:.05em}.markdown-section h1{margin:0 0 1em;font-size:2em;font-weight:500}.markdown-section h2{padding:1rem 0 0;margin:0 0 1rem;font-size:1.8em;font-weight:400}.markdown-section h3{margin:52px 0 1.2em;font-size:1.5em}.markdown-section h4{font-size:1.25em}.markdown-section h5{font-size:1em}.markdown-section h6{font-size:1em;color:#777}.markdown-section figure,.markdown-section ol,.markdown-section p,.markdown-section ul{margin:1.2em 0}.markdown-section ol,.markdown-section p,.markdown-section ul{margin:0 0 1em;line-height:1.5}.markdown-section ol,.markdown-section ul{padding-left:1.5em}.markdown-section li{margin:0;line-height:1.5}.markdown-section blockquote{color:#858585;border-left:4px solid #0074d9;margin:2em 0;padding-left:20px}.markdown-section blockquote p{font-weight:600;margin-left:0}.markdown-section iframe{margin:1em 0}.markdown-section em{color:#7f8c8d}.markdown-section code{padding:.2em .4em;border-radius:3px;white-space:pre}.markdown-section code,.markdown-section pre{background-color:#f9f9f9;font-family:Inconsolata}.markdown-section pre{border-left:2px solid #eee;padding:8px;margin:0 0 1em;padding:12px 10px 12px 12px;font-size:16px}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#93a1a1}.token.punctuation{color:#586e75}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#268bd2}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string,.token.url{color:#2aa198}.token.entity{color:#657b83;background:#eee8d5}.token.atrule,.token.attr-value,.token.keyword{color:#a11}.token.function{color:#b58900}.token.important,.token.regex,.token.variable{color:#cb4b16}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.markdown-section pre>code{display:block;font-family:Inconsolata;line-height:1.2em;padding:0}.markdown-section code:after,.markdown-section code:before{letter-spacing:.05em}code .token{min-height:1.5em;-webkit-font-smoothing:initial;-moz-osx-font-smoothing:initial}pre code{overflow-x:auto;position:relative;padding:0;background-color:#f8f8f8;padding:.8em .8em .4em;line-height:1.1em;border-radius:2px}.content img{max-width:100%}.content span.light{color:#7f8c8d}.content span.info{display:inline-block;font-size:.85em;margin-left:20px;vertical-align:middle;width:280px}
@@ -0,0 +1 @@
+*{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased}nav{position:absolute;right:0;left:0;z-index:2;margin:25px 60px 0 0;text-align:right}nav a{margin:0 1em;padding:5px 0;font-size:16px;text-decoration:none;color:inherit;transition:color .3s}.github-corner{position:absolute;top:0;right:0;z-index:2}.github-corner svg{color:#fff;height:80px;width:80px}.github-corner:hover .octo-arm{animation:a .56s ease-in-out}@keyframes a{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:a .56s ease-in-out}}body,html{height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:15px;letter-spacing:0;margin:0}main{height:100%;position:relative;width:100%}.sidebar{border-right:1px solid rgba(0,0,0,.07);bottom:0;overflow-y:auto;position:absolute;top:0;width:300px;z-index:1;padding-top:40px}.sidebar ul{margin:0;padding:0}.sidebar ul,.sidebar ul li{list-style:none}.sidebar ul li a{display:block;border-bottom:none}.sidebar ul li ul{padding-left:20px}.content{bottom:0;left:300px;overflow-y:auto;position:absolute;right:0;top:0;overflow-x:hidden;padding-top:20px}@media screen and (max-width:600px){.sidebar{left:-300px}.content{left:0}}.markdown-section{position:relative;margin:0 auto;max-width:800px;padding:20px 15px 40px}.markdown-section *{box-sizing:border-box;-webkit-box-sizing:border-box;font-size:inherit}.markdown-section>:first-child{margin-top:0!important}
@@ -1,15 +1,16 @@
 {
  "name": "docsify",
-  "version": "0.0.5",
+  "version": "0.4.2",
  "description": "A magical documentation generator.",
-  "main": "lib/docsify.pack.js",
+  "main": "lib/docsify.js",
  "files": [
    "lib",
    "src",
    "themes"
  ],
  "scripts": {
-    "build": "node build/build.js",
+    "build": "rm -rf lib && node build/build.js && mkdir lib/themes && node build/build-css.js",
+    "dev": "node app.js & nodemon --watch src themes --exec 'npm run build'",
    "test": "eslint src test"
  },
  "repository": {
@@ -27,14 +28,17 @@
  "homepage": "https://QingWei-Li.github.io/docsify",
  "license": "MIT",
  "devDependencies": {
+    "cssnano": "^3.8.1",
    "eslint": "^3.10.2",
    "eslint-config-vue": "^2.0.1",
    "eslint-plugin-vue": "^1.0.0",
+    "nodemon": "^1.11.0",
    "rollup": "^0.36.3",
    "rollup-plugin-buble": "^0.14.0",
    "rollup-plugin-commonjs": "^5.0.5",
    "rollup-plugin-node-resolve": "^2.0.0",
-    "rollup-plugin-uglify": "^1.0.1"
+    "rollup-plugin-uglify": "^1.0.1",
+    "serve-static": "^1.11.1"
  },
  "dependencies": {
    "marked": "^0.3.6",
@@ -5,6 +5,13 @@ export default function (url, options = {}) {
  xhr.send()

  return {
-    then: cb => xhr.addEventListener('load', cb)
+    then: function (cb) {
+      xhr.addEventListener('load', cb)
+      return this
+    },
+    catch: function (cb) {
+      xhr.addEventListener('error', cb)
+      return this
+    }
  }
 }
@@ -1,5 +1,5 @@
-function scrollActiveSidebar () {
-  if (/mobile/i.test(navigator.userAgent)) return
+function scrollActiveSidebar (isCustom) {
+  if (/mobile/i.test(navigator.userAgent) || isCustom) return

  const anchors = document.querySelectorAll('.anchor')
  const nav = {}
@@ -18,12 +18,14 @@ function scrollActiveSidebar () {
      const node = anchors[i].parentNode
      const bcr = node.getBoundingClientRect()

-      if (bcr.top < 150 && bcr.bottom > 150) {
-        const li = nav[ node.id ]
-        if (li === active) return
-        if (active) active.classList.remove('active')
+      if (bcr.top < 10 && bcr.bottom > 10) {
+        const li = nav[node.id]

-        li.classList.add('active')
+        if (!li) return
+        if (li === active) return
+        if (active) active.setAttribute('class', '')
+
+        li.setAttribute('class', 'active')
        active = li

        return
@@ -46,6 +48,6 @@ function scrollActiveSidebar () {
  scrollIntoView()
 }

-export default function () {
-  scrollActiveSidebar()
+export default function (isCustom) {
+  scrollActiveSidebar(isCustom)
 }
@@ -1,61 +0,0 @@
-import ajax from './ajax'
-import render from './render'
-import bindEvent from './bind-event'
-
-const DEFAULT_OPTS = {
-  el: '#app',
-  title: document.title,
-  sep: ' - '
-}
-
-class Docsify {
-  constructor (opts) {
-    Docsify.installed = true
-
-    this.opts = Object.assign({}, opts, DEFAULT_OPTS)
-    this.opts.title = (this.opts.title ? this.opts.sep : '') + this.opts.title
-
-    this.replace = true
-    this.dom = document.querySelector(this.opts.el)
-    if (!this.dom) {
-      this.dom = document.body
-      this.replace = false
-    }
-    this.loc = document.location.pathname
-    if (/\/$/.test(this.loc)) this.loc += 'README'
-    this.load()
-  }
-
-  load () {
-    ajax(`${this.loc}.md`).then(res => {
-      const target = res.target
-      if (target.status >= 400) {
-        this.render('not found')
-      } else {
-        this.render(res.target.response)
-        bindEvent()
-      }
-    })
-  }
-
-  render (content) {
-    document.title = this.loc.slice(1) + this.opts.sep + this.opts.title
-    this.dom[this.replace ? 'outerHTML' : 'innerHTML'] = render(content)
-  }
-}
-
-Docsify.use = function () {
-  const plugin = arguments[0]
-  if (typeof plugin === 'function') {
-    plugin.call(Docsify)
-  } else {
-    throw TypeError('[docsify] Invalid plugin ' + plugin.name)
-  }
-}
-
-window.addEventListener('load', () => {
-  if (Docsify.installed) return
-  new Docsify()
-})
-
-export default Docsify
@@ -1,7 +1,7 @@
 /**
 * @link from https://github.com/killercup/grock/blob/5280ae63e16c5739e9233d9009bc235ed7d79a50/styles/solarized/assets/js/behavior.coffee#L54-L81
 */
-const tocToTree = function (toc) {
+const tocToTree = function (toc, maxLevel) {
  const headlines = []
  const last = {}

@@ -9,13 +9,14 @@ const tocToTree = function (toc) {
    const level = headline.level || 1
    const len = level - 1

+    if (level > maxLevel) return
    if (last[len]) {
      last[len].children = last[len].children || []
      last[len].children.push(headline)
    } else {
      headlines.push(headline)
-      last[level] = headline
    }
+    last[level] = headline
  })

  return headlines
@@ -24,16 +25,20 @@ const tocToTree = function (toc) {
 const buildHeadlinesTree = function (tree, tpl = '') {
  if (!tree || !tree.length) return ''

-  tree.forEach((node) => {
-    tpl += `<li><a class="section-link" href="#${node.slug}">${node.title}</a></li>`
+  tree.forEach(node => {
+    tpl += `<li><a class="section-link" href="${node.slug}">${node.title}</a></li>`
    if (node.children) {
-      tpl += `<li><ul class="children">${buildHeadlinesTree(node.children)}</li>`
+      tpl += `<li><ul class="children">${buildHeadlinesTree(node.children)}</li></ul>`
    }
  })

-  return tpl + '</ul>'
+  return tpl
 }

-export default function (toc) {
-  return buildHeadlinesTree(tocToTree(toc), '<ul>')
+export default function (toc, opts) {
+  var tree = Array.isArray(opts.sidebar)
+    ? opts.sidebar
+    : tocToTree(toc, opts['max-level'])
+
+  return buildHeadlinesTree(tree, '<ul>')
 }
@@ -0,0 +1,81 @@
+import ajax from './ajax'
+import render from './render'
+import bindEvent from './bind-event'
+
+const DEFAULT_OPTS = {
+  el: '#app',
+  repo: '',
+  'max-level': 6,
+  sidebar: ''
+}
+
+const script = document.currentScript || [].slice.call(document.getElementsByTagName('script')).pop()
+
+if (script) {
+  for (const prop in DEFAULT_OPTS) {
+    DEFAULT_OPTS[prop] = script.getAttribute('data-' + prop) || DEFAULT_OPTS[prop]
+  }
+}
+
+class Docsify {
+  constructor (opts) {
+    Docsify.installed = true
+
+    this.opts = Object.assign({}, opts, DEFAULT_OPTS)
+    this.replace = true
+    this.dom = document.querySelector(this.opts.el)
+    if (!this.dom) {
+      this.dom = document.body
+      this.replace = false
+    }
+    if (this.opts.sidebar) this.opts.sidebar = window[this.opts.sidebar]
+
+    this.loc = document.location.pathname
+    if (/\/$/.test(this.loc)) this.loc += 'README'
+
+    this.load()
+
+    const nav = document.querySelector('nav')
+    if (nav) this.activeNav(nav)
+  }
+
+  load () {
+    ajax(`${this.loc}.md`)
+    .then(res => {
+      const target = res.target
+      if (target.status >= 400) {
+        this.render('not found')
+      } else {
+        this.render(res.target.response)
+        bindEvent(!!this.opts.sidebar)
+        if (this.opts.sidebar) {
+          this.activeNav(document.querySelector('aside.sidebar'), true)
+        }
+      }
+    })
+    .catch(_ => this.render('not found'))
+  }
+
+  render (content) {
+    this.dom[this.replace ? 'outerHTML' : 'innerHTML'] = render(content, this.opts)
+  }
+
+  activeNav (elm, activeParentNode) {
+    const host = document.location.origin + document.location.pathname
+
+    ;[].slice.call(elm.querySelectorAll('a')).forEach(node => {
+      if (node.href === host) {
+        activeParentNode
+          ? node.parentNode.setAttribute('class', 'active')
+          : node.setAttribute('class', 'active')
+      }
+    })
+  }
+}
+
+window.addEventListener('load', () => {
+  if (Docsify.installed) return
+  new Docsify()
+})
+
+export default Docsify
@@ -1,10 +0,0 @@
-const Nav = function () {
-  console.log(this)
-}
-Nav.name = 'Doscify.Nav'
-
-if (window.Docsify) {
-  window.Docsify.use(Nav)
-}
-
-export default Nav
@@ -2,6 +2,15 @@ import marked from 'marked'
 import Prism from 'prismjs'
 import genToc from './gen-toc'

+const cornerTpl = `
+  <a href="{{repo}}" class="github-corner" aria-label="View source on Github">
+    <svg viewBox="0 0 250 250" aria-hidden="true">
+      <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
+      <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
+      <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
+    </svg>
+  </a>
+`
 const toc = []
 const renderer = new marked.Renderer()

@@ -10,24 +19,33 @@ const renderer = new marked.Renderer()
 * @link https://github.com/chjj/marked#overriding-renderer-methods
 */
 renderer.heading = function (text, level) {
-  const slug = text.toLowerCase().replace(/[\s\n\t]+/g, '-')
+  const slug = text.replace(/<(?:.|\n)*?>/gm, '').toLowerCase().replace(/[\s\n\t]+/g, '-')

-  toc.push({ level, slug, title: text })
+  toc.push({ level, slug: '#' + slug, title: text })

  return `<h${level} id="${slug}"><a href="#${slug}" class="anchor"></a>${text}</h${level}>`
 }
-marked.setOptions({
-  renderer,
-  highlight (code, lang) {
-    return Prism.highlight(code, Prism.languages[lang] || Prism.languages.markup)
-  }
-})

-export default function (content) {
+// highlight code
+renderer.code = function (code, lang = '') {
+  const hl = Prism.highlight(code, Prism.languages[lang] || Prism.languages.markup)
+
+  return `<pre data-lang="${lang}"><code class="lang-${lang}">${hl}</code></pre>`
+}
+marked.setOptions({ renderer })
+
+export default function (content, opts = {}) {
+  let corner = ''
+
+  if (opts.repo) {
+    const repo = /\/\//.test(opts.repo) ? opts.repo : ('https://github.com/' + opts.repo)
+    corner = cornerTpl.replace(/{{repo}}/g, repo)
+  }
+
  const section = `<section class="content">
    <article class="markdown-section">${marked(content)}</article>
  </section>`
-  const sidebar = `<aside class="sidebar">${genToc(toc)}</aside>`
+  const sidebar = `<aside class="sidebar">${genToc(toc, opts)}</aside>`

-  return `<main>${sidebar}${section}</main>`
+  return `${corner}<main>${sidebar}${section}</main>`
 }
@@ -0,0 +1,405 @@
+@import url('https://fonts.googleapis.com/css?family=Inconsolata|Inconsolata-Bold');
+
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-overflow-scrolling: touch;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-text-size-adjust: none;
+  -webkit-touch-callout: none;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* navbar */
+nav {
+  position: absolute;
+  right: 0;
+  left: 0;
+  z-index: 10;
+  margin: 25px 60px 0 0;
+  text-align: right;
+}
+
+nav a {
+  margin: 0 1em;
+  padding: 5px 0;
+  font-size: 16px;
+  text-decoration: none;
+  color: inherit;
+  transition: color .3s;
+}
+
+nav a:hover {
+  color: #0074D9;
+}
+
+nav a.active {
+  color: #0074D9;
+  border-bottom: 2px solid #0074D9;
+}
+
+/* github corner */
+.github-corner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 10;
+}
+
+.github-corner svg {
+  color: #fff;
+  fill: #0074D9;
+  height: 80px;
+  width: 80px;
+}
+
+.github-corner:hover .octo-arm {
+  animation:octocat-wave 560ms ease-in-out;
+}
+
+@keyframes octocat-wave {
+  0%,100%{ transform: rotate(0); }
+  20%,60%{ transform: rotate(-25deg); }
+  40%,80%{ transform: rotate(10deg); }
+}
+
+@media (max-width: 500px) {
+  .github-corner:hover .octo-arm {
+    animation: none;
+  }
+  .github-corner .octo-arm {
+    animation: octocat-wave 560ms ease-in-out;
+  }
+}
+
+html, body {
+  height: 100%;
+}
+
+body {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  background-color: #fff;
+  color: #34495e;
+  font-family: 'Source Sans Pro', arial, sans-serif;
+  font-weight: 400px;
+  font-size: 15px;
+  letter-spacing: 0;
+  margin: 0;
+}
+
+/* main */
+main {
+  height: 100%;
+  position: relative;
+  width: 100%;
+}
+
+/* sidebar */
+.sidebar {
+  background-color: #fff;
+  border-right: 1px solid rgba(0,0,0,.07);
+  bottom: 0;
+  color: #364149;
+  overflow-y: auto;
+  position: absolute;
+  top: 0;
+  width: 14em;
+  z-index: 1;
+  padding-top: 40px;
+}
+
+.sidebar ul {
+  margin: 0;
+  padding: 0;
+}
+
+.sidebar ul, .sidebar ul li {
+  list-style: none;
+}
+
+.sidebar a {
+  color: #666;
+  text-decoration: none;
+}
+
+.sidebar li {
+  list-style: none;
+  padding: 0.2em 0.2em 0.2em 1em;
+  margin: 0;
+}
+
+.sidebar .active {
+  background-color: #eee;
+}
+
+.sidebar .active a {
+  color: #333;
+}
+
+/* main content */
+.content {
+  bottom: 0;
+  left: 14em;
+  overflow-y: auto;
+  position: absolute;
+  right: 0;
+  top: 0;
+  overflow-x: hidden;
+  padding-top: 20px;
+}
+
+@media screen and (max-width: 600px) {
+  .sidebar {
+    left: -14em;
+  }
+
+  .content {
+    left: 0;
+  }
+}
+
+/* markdown content found on pages */
+.markdown-section {
+  position: relative;
+  margin: 0 auto;
+  max-width: 64em;
+  padding: 20px 15px 40px 15px;
+}
+
+.markdown-section * {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  font-size: inherit;
+}
+
+.markdown-section>:first-child {
+  margin-top: 0!important;
+}
+
+.markdown-section h1,
+.markdown-section h2,
+.markdown-section h3,
+.markdown-section h4,
+.markdown-section strong {
+  font-weight: 400;
+  color: #333;
+}
+
+.markdown-section a {
+  color: #0074D9;
+  font-weight: 400;
+}
+
+.markdown-section p,
+.markdown-section ul,
+.markdown-section ol {
+  word-spacing: 0.05em;
+}
+
+.markdown-section h1 {
+  margin: 0 0 1em;
+  font-size: 2em;
+  font-weight: 500;
+}
+
+.markdown-section h2 {
+  padding: 1rem 0 0 0;
+  margin: 0 0 1rem 0;
+  font-size: 1.8em;
+  font-weight: 400;
+}
+
+.markdown-section h3 {
+  margin: 52px 0 1.2em;
+  font-size: 1.5em;
+}
+
+
+.markdown-section h4 {
+  font-size: 1.25em;
+}
+
+.markdown-section h5 {
+  font-size: 1em;
+}
+
+.markdown-section h6 {
+  font-size: 1em;
+  color: #777;
+}
+
+.markdown-section figure,
+.markdown-section p,
+.markdown-section ul,
+.markdown-section ol {
+  margin: 1.2em 0;
+}
+
+.markdown-section p,
+.markdown-section ul,
+.markdown-section ol {
+  margin: 0 0 1em 0;
+  line-height: 1.5;
+}
+
+.markdown-section ul,
+.markdown-section ol {
+  padding-left: 1.5em;
+}
+
+.markdown-section li {
+  margin: 0;
+  line-height: 1.5;
+}
+
+.markdown-section blockquote {
+  color: #858585;
+  border-left: 4px solid #0074D9;
+  margin: 2em 0;
+  padding-left: 20px;
+}
+
+.markdown-section blockquote p {
+  font-weight: 600;
+  margin-left: 0;
+}
+
+.markdown-section iframe {
+  margin: 1em 0;
+}
+
+.markdown-section em {
+  color: #7f8c8d;
+}
+
+.markdown-section code {
+  background-color: #f9f9f9;
+  padding: 0.2em 0.4em;
+  border-radius: 3px;
+  white-space: pre;
+  font-family: Inconsolata;
+}
+
+.markdown-section pre {
+  background-color: #f9f9f9;
+  border-left: 2px solid #eee;
+  padding: 8px;
+  margin: 0 0 1em 0;
+  font-family: Inconsolata;
+  padding: 12px 10px 12px 12px;
+  font-size: 16px;
+}
+
+/* code highlight */
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #93a1a1; /* base1 */
+}
+
+.token.punctuation {
+  color: #586e75; /* base01 */
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #268bd2; /* blue */
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.url,
+.token.inserted {
+  color: #2aa198; /* cyan */
+}
+
+.token.entity {
+  color: #657b83; /* base00 */
+  background: #eee8d5; /* base2 */
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #a11; /* green */
+}
+
+.token.function {
+  color: #b58900; /* yellow */
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #cb4b16; /* orange */
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
+
+.markdown-section pre>code {
+  display: block;
+  font-family: Inconsolata;
+  line-height: 1.2em;
+  padding: 0;
+}
+
+.markdown-section code::after, .markdown-section code::before {
+  letter-spacing: 0.05em;
+}
+
+code .token {
+  min-height: 1.5em;
+  -webkit-font-smoothing: initial;
+  -moz-osx-font-smoothing: initial;
+}
+
+pre code {
+  overflow-x: auto;
+  position: relative;
+  padding: 0;
+  background-color: #f8f8f8;
+  padding: 0.8em 0.8em 0.4em;
+  line-height: 1.1em;
+  border-radius: 2px;
+}
+
+.content img {
+  max-width: 100%;
+}
+
+.content span.light {
+  color: #7f8c8d;
+}
+
+.content span.info {
+  display: inline-block;
+  font-size: 0.85em;
+  margin-left: 20px;
+  vertical-align: middle;
+  width: 280px;
+}
@@ -0,0 +1,152 @@
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-overflow-scrolling: touch;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-text-size-adjust: none;
+  -webkit-touch-callout: none;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* navbar */
+nav {
+  position: absolute;
+  right: 0;
+  left: 0;
+  z-index: 10;
+  margin: 25px 60px 0 0;
+  text-align: right;
+}
+
+nav a {
+  margin: 0 1em;
+  padding: 5px 0;
+  font-size: 16px;
+  text-decoration: none;
+  color: inherit;
+  transition: color .3s;
+}
+
+/* github corner */
+.github-corner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 10;
+}
+
+.github-corner svg {
+  color: #fff;
+  height: 80px;
+  width: 80px;
+}
+
+.github-corner:hover .octo-arm {
+  animation:octocat-wave 560ms ease-in-out;
+}
+
+@keyframes octocat-wave {
+  0%,100%{ transform: rotate(0); }
+  20%,60%{ transform: rotate(-25deg); }
+  40%,80%{ transform: rotate(10deg); }
+}
+
+@media (max-width: 500px) {
+  .github-corner:hover .octo-arm {
+    animation: none;
+  }
+  .github-corner .octo-arm {
+    animation: octocat-wave 560ms ease-in-out;
+  }
+}
+
+html, body {
+  height: 100%;
+}
+
+body {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
+  font-size: 15px;
+  letter-spacing: 0;
+  margin: 0;
+}
+
+/* main */
+main {
+  height: 100%;
+  position: relative;
+  width: 100%;
+}
+
+/* sidebar */
+.sidebar {
+  border-right: 1px solid rgba(0,0,0,.07);
+  bottom: 0;
+  overflow-y: auto;
+  position: absolute;
+  top: 0;
+  width: 300px;
+  z-index: 1;
+  padding-top: 40px;
+}
+
+.sidebar ul {
+  margin: 0;
+  padding: 0;
+}
+
+.sidebar ul, .sidebar ul li {
+  list-style: none;
+}
+
+.sidebar ul li a {
+  display: block;
+  border-bottom: none;
+}
+
+.sidebar ul li ul {
+  padding-left: 20px;
+}
+
+/* main content */
+.content {
+  bottom: 0;
+  left: 300px;
+  overflow-y: auto;
+  position: absolute;
+  right: 0;
+  top: 0;
+  overflow-x: hidden;
+  padding-top: 20px;
+}
+
+@media screen and (max-width: 600px) {
+  .sidebar {
+    left: -300px;
+  }
+
+  .content {
+    left: 0;
+  }
+}
+
+/* markdown content found on pages */
+.markdown-section {
+  position: relative;
+  margin: 0 auto;
+  max-width: 800px;
+  padding: 20px 15px 40px 15px;
+}
+
+.markdown-section * {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  font-size: inherit;
+}
+
+.markdown-section>:first-child {
+  margin-top: 0!important;
+}
@@ -11,6 +11,68 @@
  -webkit-font-smoothing: antialiased;
 }

+/* navbar */
+nav {
+  position: absolute;
+  right: 0;
+  left: 0;
+  z-index: 10;
+  margin: 25px 60px 0 0;
+  text-align: right;
+}
+
+nav a {
+  margin: 0 1em;
+  padding: 5px 0;
+  font-size: 16px;
+  text-decoration: none;
+  color: inherit;
+  transition: color .3s;
+}
+
+nav a:hover {
+  color: #42b983;
+}
+
+nav a.active {
+  color: #42b983;
+  border-bottom: 2px solid #42b983;
+}
+
+/* github corner */
+.github-corner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 10;
+}
+
+.github-corner svg {
+  color: #fff;
+  fill: #42b983;
+  height: 80px;
+  width: 80px;
+}
+
+.github-corner:hover .octo-arm {
+  animation:octocat-wave 560ms ease-in-out;
+}
+
+@keyframes octocat-wave {
+  0%,100%{ transform: rotate(0); }
+  20%,60%{ transform: rotate(-25deg); }
+  40%,80%{ transform: rotate(10deg); }
+}
+
+@media (max-width: 500px) {
+  .github-corner:hover .octo-arm {
+    animation: none;
+  }
+  .github-corner .octo-arm {
+    animation: octocat-wave 560ms ease-in-out;
+  }
+}
+
 html, body {
  height: 100%;
 }
@@ -26,11 +88,6 @@ body {
  margin: 0;
 }

-li a {
-  color: #42b983;
-  font-weight: 600;
-}
-
 /* main */
 main {
  height: 100%;
@@ -64,7 +121,7 @@ main {
 .sidebar ul li a {
  color: #7f8c8d;
  display: block;
-  padding: 10px 15px;
+  padding: 6px 15px;
  border-bottom: none;
  text-overflow: ellipsis;
  overflow: hidden;
@@ -78,7 +135,7 @@ main {

 .sidebar ul li.active>a {
  color: #42b983;
-  font-weight: 600;
+  font-weight: 500;
 }

 .sidebar ul li ul {
@@ -97,7 +154,7 @@ main {
  padding-top: 20px;
 }

-@media screen(max-width: 600px) {
+@media screen and (max-width: 600px) {
  .sidebar {
    left: -300px;
  }
@@ -151,10 +208,8 @@ main {
 }

 .markdown-section h2 {
-  border-bottom: 1px solid #ddd;
  font-size: 1.75em;
  margin: 45px 0 0.8em;
-  padding-bottom: 0.7em;
 }

 .markdown-section h3 {
@@ -194,11 +249,6 @@ main {
  padding-left: 1.5em;
 }

-.markdown-section a {
-  color: #42b983;
-  font-weight: 600;
-}
-
 .markdown-section blockquote {
  color: #858585;
  border-left: 4px solid #42b983;
@@ -226,19 +276,19 @@ main {
  padding: 3px 5px;
  white-space: nowrap;
  font-size: 0.8em;
+  font-family: 'Roboto Mono', Monaco, courier, monospace;
+  background-color: #f8f8f8;
 }

 .markdown-section pre {
-  padding: 1.2em 1.4em;
-  line-height: 1.5em;
-  margin: 0;
-}
-
-.markdown-section code, .markdown-section pre {
-  font-family: 'Roboto Mono', Monaco, courier, monospace;
-  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
+  -webkit-font-smoothing: initial;
  background-color: #f8f8f8;
+  font-family: 'Roboto Mono', Monaco, courier, monospace;
+  line-height: 1.5em;
+  margin: 1.2em 0;
+  padding: 1.2em 1.4em;
+  position: relative;
 }

 /* code highlight */
@@ -337,26 +387,6 @@ main {
  cursor: help;
 }

-/* overrides color-values for the Line Numbers plugin
- * http://prismjs.com/plugins/line-numbers/
- */
-.line-numbers .line-numbers-rows {
-  border-right-color: #dfe2f1;
-}
-
-.line-numbers-rows > span:before {
-  color: #979db4;
-}
-
-/* overrides color-values for the Line Highlight plugin
- * http://prismjs.com/plugins/line-highlight/
- */
-.line-highlight {
-  background: rgba(107, 115, 148, 0.2);
-  background: -webkit-linear-gradient(left, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
-  background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
-}
-
 .markdown-section pre>code {
  -moz-osx-font-smoothing: initial;
  -webkit-font-smoothing: initial;
@@ -372,8 +402,7 @@ main {
  white-space: inherit;
 }

-.markdown-section code:after, .markdown-section code:before {
-  content: none;
+.markdown-section code::after, .markdown-section code::before {
  letter-spacing: 0.05em;
 }

@@ -385,7 +414,6 @@ code .token {

 pre code {
  overflow-x: auto;
-  position: relative;
  padding: 0;
  background-color: #f8f8f8;
  padding: 0.8em 0.8em 0.4em;
@@ -393,11 +421,9 @@ pre code {
  border-radius: 2px;
 }

-pre code.lang-html:after,
-pre code.lang-js:after,
-pre code.lang-bash:after,
-pre code.lang-css:after {
+pre::after {
  color: #ccc;
+  content: attr(data-lang);
  font-size: 0.75em;
  font-weight: 600;
  height: 15px;
@@ -409,22 +435,6 @@ pre code.lang-css:after {
  top: 0;
 }

-pre code.lang-html:after {
-  content: 'HTML';
-}
-
-pre code.lang-js:after {
-  content: 'JS';
-}
-
-pre code.lang-bash:after {
-  content: 'Shell';
-}
-
-pre code.lang-css:after {
-  content: 'CSS';
-}
-
 .content img {
  max-width: 100%;
 }
@@ -440,8 +450,3 @@ pre code.lang-css:after {
  vertical-align: middle;
  width: 280px;
 }
-
-/* these aren't in gitbook at the moment, but leaving them in for future reference */
-img {
-  border: none;
-}
Author	SHA1	Message	Date
qingwei.li	6540e7370d	-> v0.4.2	2016-11-28 12:34:05 +08:00
qingwei.li	f3853d8e7f	bump 0.4.2	2016-11-28 12:33:54 +08:00
qingwei.li	93ddf08615	fix code error	2016-11-28 12:33:25 +08:00
qingwei.li	7c05d729b4	-> v0.4.1	2016-11-28 12:24:14 +08:00
qingwei.li	5953ef7739	bump 0.4.1	2016-11-28 12:23:43 +08:00
qingwei.li	d556282471	add docsify.js.org fix cdn	2016-11-28 12:22:47 +08:00
qingwei.li	ec58149aad	add catch ajax error	2016-11-28 12:17:57 +08:00
qingwei.li	e15c53a6b8	fix site remove cname remove cdn remove cdn	2016-11-28 12:14:24 +08:00
qingwei.li	f450b118ee	use docsify.js.org	2016-11-28 11:27:28 +08:00
qingwei.li	6ac7d4f66f	Add changelog	2016-11-27 19:06:14 +08:00
qingwei.li	17806def5a	-> v0.4.0	2016-11-27 18:57:06 +08:00
qingwei.li	ea03583d3d	bump 0.4.0	2016-11-27 18:56:25 +08:00
cinwell.liandGitHub	37e7984e7e	feat: custom sidebar, #4 (#5 ) * feat: custom sidebar, #4 * fix dev html * fix doc * fix doc	2016-11-27 18:53:31 +08:00
qingwei.li	fc2e5b6fb9	fix undefined language	2016-11-27 15:24:07 +08:00
qingwei.li	94f00053d7	-> v0.3.1	2016-11-27 14:02:07 +08:00
qingwei.li	029f92e341	bump 0.3.1	2016-11-27 14:01:47 +08:00
qingwei.li	8041c82e6d	Strip HTML tag when rendering the headling	2016-11-27 14:01:05 +08:00
qingwei.li	5e38b702cd	-> v0.3.0	2016-11-27 13:36:18 +08:00
qingwei.li	136ef2881e	bump 0.3.0	2016-11-27 13:35:31 +08:00
qingwei.li	50006d2ceb	fix cdn path	2016-11-27 13:35:10 +08:00
qingwei.li	657ad7d59c	Add minified css files	2016-11-27 13:30:40 +08:00
qingwei.li	eba21726d7	Add max level option	2016-11-27 13:09:18 +08:00
qingwei.li	e789fb2b18	-> v0.2.1	2016-11-26 21:08:34 +08:00
qingwei.li	6e4b9d4cad	bump 0.2.1	2016-11-26 21:08:21 +08:00
qingwei.li	824e64ae48	Fix style	2016-11-26 21:07:47 +08:00
qingwei.li	4b961a9b69	-> v0.2.0	2016-11-26 18:52:48 +08:00
qingwei.li	2cf91da2f0	bump	2016-11-26 18:52:35 +08:00
qingwei.li	4f27fff283	Remove dynamic title	2016-11-26 18:51:44 +08:00
qingwei.li	ff9e31f0c4	Add dev script	2016-11-26 18:37:17 +08:00
qingwei.li	e8617a8af2	fix route	2016-11-26 18:13:39 +08:00
qingwei.li	e99e3ebe8b	-> v0.1.0	2016-11-26 18:10:26 +08:00
qingwei.li	8b62167039	bump	2016-11-26 18:09:55 +08:00
qingwei.li	bf56992548	remove link	2016-11-26 18:09:43 +08:00
qingwei.li	dd1748111c	Add buble	2016-11-26 18:08:00 +08:00
qingwei.li	1bf7b23d33	Add chiniese doc	2016-11-26 17:24:32 +08:00
qingwei.li	681a51a52d	fix build file	2016-11-26 14:28:21 +08:00
qingwei.li	8210a19dd3	Remove plugins	2016-11-26 14:09:06 +08:00
				`@@ -0,0 +1 @@`
				@import url('https://fonts.googleapis.com/css?family=Inconsolata\|Inconsolata-Bold');{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased}nav{position:absolute;right:0;left:0;z-index:2;margin:25px 60px 0 0;text-align:right}nav a{margin:0 1em;padding:5px 0;font-size:16px;text-decoration:none;color:inherit;transition:color .3s}nav a.active,nav a:hover{color:#0074d9}nav a.active{border-bottom:2px solid #0074d9}.github-corner{position:absolute;top:0;right:0;z-index:2}.github-corner svg{color:#fff;fill:#0074d9;height:80px;width:80px}.github-corner:hover .octo-arm{animation:a .56s ease-in-out}@keyframes a{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:a .56s ease-in-out}}body,html{height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#34495e;font-family:Source Sans Pro,arial,sans-serif;font-weight:400px;font-size:15px;letter-spacing:0;margin:0}main{height:100%;position:relative;width:100%}.sidebar{background-color:#fff;border-right:1px solid rgba(0,0,0,.07);bottom:0;color:#364149;overflow-y:auto;position:absolute;top:0;width:14em;z-index:1;padding-top:40px}.sidebar ul{margin:0;padding:0}.sidebar ul,.sidebar ul li{list-style:none}.sidebar a{color:#666;text-decoration:none}.sidebar li{list-style:none;padding:.2em .2em .2em 1em;margin:0}.sidebar .active{background-color:#eee}.sidebar .active a{color:#333}.content{bottom:0;left:14em;overflow-y:auto;position:absolute;right:0;top:0;overflow-x:hidden;padding-top:20px}@media screen and (max-width:600px){.sidebar{left:-14em}.content{left:0}}.markdown-section{position:relative;margin:0 auto;max-width:64em;padding:20px 15px 40px}.markdown-section {box-sizing:border-box;-webkit-box-sizing:border-box;font-size:inherit}.markdown-section>:first-child{margin-top:0!important}.markdown-section h1,.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section strong{font-weight:400;color:#333}.markdown-section a{color:#0074d9;font-weight:400}.markdown-section ol,.markdown-section p,.markdown-section ul{word-spacing:.05em}.markdown-section h1{margin:0 0 1em;font-size:2em;font-weight:500}.markdown-section h2{padding:1rem 0 0;margin:0 0 1rem;font-size:1.8em;font-weight:400}.markdown-section h3{margin:52px 0 1.2em;font-size:1.5em}.markdown-section h4{font-size:1.25em}.markdown-section h5{font-size:1em}.markdown-section h6{font-size:1em;color:#777}.markdown-section figure,.markdown-section ol,.markdown-section p,.markdown-section ul{margin:1.2em 0}.markdown-section ol,.markdown-section p,.markdown-section ul{margin:0 0 1em;line-height:1.5}.markdown-section ol,.markdown-section ul{padding-left:1.5em}.markdown-section li{margin:0;line-height:1.5}.markdown-section blockquote{color:#858585;border-left:4px solid #0074d9;margin:2em 0;padding-left:20px}.markdown-section blockquote p{font-weight:600;margin-left:0}.markdown-section iframe{margin:1em 0}.markdown-section em{color:#7f8c8d}.markdown-section code{padding:.2em .4em;border-radius:3px;white-space:pre}.markdown-section code,.markdown-section pre{background-color:#f9f9f9;font-family:Inconsolata}.markdown-section pre{border-left:2px solid #eee;padding:8px;margin:0 0 1em;padding:12px 10px 12px 12px;font-size:16px}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#93a1a1}.token.punctuation{color:#586e75}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#268bd2}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string,.token.url{color:#2aa198}.token.entity{color:#657b83;background:#eee8d5}.token.atrule,.token.attr-value,.token.keyword{color:#a11}.token.function{color:#b58900}.token.important,.token.regex,.token.variable{color:#cb4b16}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.markdown-section pre>code{display:block;font-family:Inconsolata;line-height:1.2em;padding:0}.markdown-section code:after,.markdown-section code:before{letter-spacing:.05em}code .token{min-height:1.5em;-webkit-font-smoothing:initial;-moz-osx-font-smoothing:initial}pre code{overflow-x:auto;position:relative;padding:0;background-color:#f8f8f8;padding:.8em .8em .4em;line-height:1.1em;border-radius:2px}.content img{max-width:100%}.content span.light{color:#7f8c8d}.content span.info{display:inline-block;font-size:.85em;margin-left:20px;vertical-align:middle;width:280px}
				`@@ -0,0 +1 @@`
				{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased}nav{position:absolute;right:0;left:0;z-index:2;margin:25px 60px 0 0;text-align:right}nav a{margin:0 1em;padding:5px 0;font-size:16px;text-decoration:none;color:inherit;transition:color .3s}.github-corner{position:absolute;top:0;right:0;z-index:2}.github-corner svg{color:#fff;height:80px;width:80px}.github-corner:hover .octo-arm{animation:a .56s ease-in-out}@keyframes a{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:a .56s ease-in-out}}body,html{height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:15px;letter-spacing:0;margin:0}main{height:100%;position:relative;width:100%}.sidebar{border-right:1px solid rgba(0,0,0,.07);bottom:0;overflow-y:auto;position:absolute;top:0;width:300px;z-index:1;padding-top:40px}.sidebar ul{margin:0;padding:0}.sidebar ul,.sidebar ul li{list-style:none}.sidebar ul li a{display:block;border-bottom:none}.sidebar ul li ul{padding-left:20px}.content{bottom:0;left:300px;overflow-y:auto;position:absolute;right:0;top:0;overflow-x:hidden;padding-top:20px}@media screen and (max-width:600px){.sidebar{left:-300px}.content{left:0}}.markdown-section{position:relative;margin:0 auto;max-width:800px;padding:20px 15px 40px}.markdown-section {box-sizing:border-box;-webkit-box-sizing:border-box;font-size:inherit}.markdown-section>:first-child{margin-top:0!important}