-> v1.1.7

bump 1.1.7
Optimize progress bar
2026-08-10 05:48:18 +10:00 · 2016-12-19 21:53:42 +08:00 · 2016-12-19 21:53:25 +08:00 · 2016-12-19 21:52:33 +08:00 · 2016-12-19 20:38:35 +08:00 · 2016-12-18 19:43:58 +08:00
20 changed files with 130 additions and 53 deletions
@@ -1,3 +1,23 @@
+## 1.1.7
+### Bug fixes
+- Optimize progress bar
+
+## 1.1.6
+### Features
+- Add logo 😂
+
+### Bug fixes
+- Remove table background color
+- Fixed highlight sidebar using chinese ids
+
+## 1.1.5
+### Features
+- Add table style
+
+### Bug fixes
+- Not fixed position of hte navbar in the mobile browser
+- Correct calculation of whether the mobile browser
+
 ## 1.1.4
 ### Bug fixes
 - Fixed chinese auchor link
@@ -1,15 +1,25 @@
-# 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)
+<p align="center">
+  <a href="https://docsify.js.org">
+    <img alt="docsify" src="./media/docsify.png">
+  </a>
+</p>

->🃏 A magical documentation site generator.
+<p align="center">
+  A magical documentation site generator.
+</p>
+
+<p align="center">
+  <a href="https://travis-ci.org/QingWei-Li/docsify"><img alt="Travis Status" src="https://img.shields.io/travis/rust-lang/rust/master.svg?style=flat-square"></a>
+  <a href="https://www.npmjs.com/package/docsify"><img alt="npm" src="https://img.shields.io/npm/v/docsify.svg?style=flat-square"></a>
+  <a href="https://beerpay.io/QingWei-Li/docsify"><img alt="npm" src="https://beerpay.io/QingWei-Li/docsify/badge.svg?style=beer-square"></a>
+</p>

 ## Links
 - [Documentation](https://docsify.js.org)
 - [CLI](https://github.com/QingWei-Li/docsify-cli)

 ## Features
- Easy and lightweight
+- Easy and lightweight (~12kb gzipped)
 - Custom themes
 - No build

@@ -65,7 +75,3 @@ These open-source projects are using docsify to generate their sites. Pull reque
 ## License
 MIT

-## Support on Beerpay
-Hey dude! Help me out for a couple of :beers:!
-
-[![Beerpay](https://beerpay.io/QingWei-Li/docsify/badge.svg?style=beer-square)](https://beerpay.io/QingWei-Li/docsify)  [![Beerpay](https://beerpay.io/QingWei-Li/docsify/make-wish.svg?style=flat-square)](https://beerpay.io/QingWei-Li/docsify?focus=wish)
@@ -1,9 +1,13 @@
-# docsify
+<p align="center">
+  <img alt="docsify" src="https://cloud.githubusercontent.com/assets/7565692/21292094/5c206de4-c533-11e6-9493-29ea67b01dde.png">
+</p>

-> A magical documentation site generator.
+<p align="center">
+  A magical documentation site generator.
+</p>

 ## Features
- Easy and lightweight
+- Easy and lightweight (~12kb gzipped)
 - Custom themes
 - No build

@@ -213,7 +217,7 @@ If you write a sub level list, it will generate a dropdown list.
  - [chinese](/zh-cn)
 ```

-### router
+#### router

 Hash router. You can replace `404.html` with `index.html`.

@@ -221,7 +225,7 @@ Hash router. You can replace `404.html` with `index.html`.
 <script src="/lib/docsify.js" data-router></script>
 ```

-### auto2top
+#### auto2top

 Scroll to the top on changing hash.

@@ -3,6 +3,7 @@
 <head>
  <meta charset="UTF-8">
  <title>docsify - A magical documentation site generator.</title>
+  <link rel="icon" href="favicon.ico">
  <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/lib/themes/vue.css">
@@ -1,11 +1,15 @@
-# docsify
+<p align="center">
+  <img alt="docsify" src="https://cloud.githubusercontent.com/assets/7565692/21292094/5c206de4-c533-11e6-9493-29ea67b01dde.png">
+</p>

-> 无需构建快速生成文档页
+<p align="center">
+  无需构建快速生成文档页
+</p>

 ## 特性
 - 无需构建，写完 markdown 直接发布
 - 支持自定义主题
- 容易使用并且轻量
+- 容易使用并且轻量 (~12kb gzipped)

 ## 快速上手

@@ -214,7 +218,7 @@ Sidebar 开关按钮
 ```


-### router
+#### router

 开启 hash router 功能，此时可以创建 `index.html` 作为入口文件，同时多页面切换不会重新加载资源。资源路径会被替换成 `/#/` 的形式。

@@ -222,7 +226,7 @@ Sidebar 开关按钮
 <script src="/lib/docsify.js" data-router></script>
 ```

-### auto2top
+#### auto2top

 切换路由时自动跳转到页面顶部

@@ -21,8 +21,13 @@ function load (url, method, loading) {
      if ( error === void 0 ) error = function () {};

      if (loading) {
+        var id = setInterval(function (_) { return loading({ step: Math.floor(Math.random() * 5 + 1) }); },
+        500);
        xhr.addEventListener('progress', loading);
-        xhr.addEventListener('loaded', loading);
+        xhr.addEventListener('loadend', function (evt) {
+          loading(evt);
+          clearInterval(id);
+        });
      }
      xhr.addEventListener('error', error);
      xhr.addEventListener('load', function (ref) {
@@ -106,7 +111,7 @@ function getRoute () {
 }

 function isMobile () {
-  return /mobile/i.test(navigator.userAgent)
+  return document.body.clientWidth <= 600
 }

 /**
@@ -127,7 +132,7 @@ function scrollActiveSidebar () {

    if (href !== '/') { href = href.match(/#([^#]+)$/g)[0].slice(1); }

-    nav[href] = li;
+    nav[decodeURIComponent(href)] = li;
  }

  function highlight () {
@@ -2466,8 +2471,9 @@ function renderSidebar (content) {
 function renderLoading (ref) {
  var loaded = ref.loaded;
  var total = ref.total;
+  var step = ref.step;

-  var num = Math.floor(loaded / total * 100);
+  var num;

  if (!CACHE.loading) {
    var div = document.createElement('div');
@@ -2476,13 +2482,19 @@ function renderLoading (ref) {
    document.body.appendChild(div);
    CACHE.loading = div;
  }
+  if (step) {
+    num = parseInt(CACHE.loading.style.width, 10) + step;
+    num = num > 80 ? 80 : num;
+  } else {
+    num = Math.floor(loaded / total * 100);
+  }

  CACHE.loading.style.opacity = 1;
  CACHE.loading.style.width = num >= 95 ? '100%' : num + '%';

  if (num >= 95) {
-    clearTimeout(renderLoading.cacheTImeout);
-    renderLoading.cacheTImeout = setTimeout(function (_) {
+    clearTimeout(renderLoading.cacheTimeout);
+    renderLoading.cacheTimeout = setTimeout(function (_) {
      CACHE.loading.style.opacity = 0;
      CACHE.loading.style.width = '0%';
    }, 200);
@@ -1,6 +1,6 @@
 {
  "name": "docsify",
-  "version": "1.1.4",
+  "version": "1.1.7",
  "description": "A magical documentation generator.",
  "main": "lib/docsify.js",
  "files": [
@@ -18,7 +18,7 @@ export function scrollActiveSidebar () {

    if (href !== '/') href = href.match(/#([^#]+)$/g)[0].slice(1)

-    nav[href] = li
+    nav[decodeURIComponent(href)] = li
  }

  function highlight () {
@@ -114,8 +114,8 @@ export function renderSidebar (content) {
 * render loading bar
 * @return {[type]} [description]
 */
-export function renderLoading ({ loaded, total }) {
-  const num = Math.floor(loaded / total * 100)
+export function renderLoading ({ loaded, total, step }) {
+  let num

  if (!CACHE.loading) {
    const div = document.createElement('div')
@@ -124,13 +124,19 @@ export function renderLoading ({ loaded, total }) {
    document.body.appendChild(div)
    CACHE.loading = div
  }
+  if (step) {
+    num = parseInt(CACHE.loading.style.width, 10) + step
+    num = num > 80 ? 80 : num
+  } else {
+    num = Math.floor(loaded / total * 100)
+  }

  CACHE.loading.style.opacity = 1
  CACHE.loading.style.width = num >= 95 ? '100%' : num + '%'

  if (num >= 95) {
-    clearTimeout(renderLoading.cacheTImeout)
-    renderLoading.cacheTImeout = setTimeout(_ => {
+    clearTimeout(renderLoading.cacheTimeout)
+    renderLoading.cacheTimeout = setTimeout(_ => {
      CACHE.loading.style.opacity = 0
      CACHE.loading.style.width = '0%'
    }, 200)
@@ -235,6 +235,33 @@ main {
  }
 }

+.markdown-section table {
+  display: block;
+  width: 100%;
+  overflow: auto;
+  border-spacing: 0;
+  border-collapse: collapse;
+  margin-bottom: 1em;
+}
+
+.markdown-section th {
+  font-weight: bold;
+  padding: 6px 13px;
+  border: 1px solid #ddd;
+}
+
+.markdown-section td {
+  padding: 6px 13px;
+  border: 1px solid #ddd;
+}
+
+.markdown-section tr {
+  border-top: 1px solid #ccc;
+  &:nth-child(2n) {
+    background-color: #f8f8f8;
+  }
+}
+
 body.close {
  .sidebar {
    transform: translateX(-$sidebar-width);
@@ -246,11 +273,12 @@ body.close {
 }

@media (max-width: 600px) {
-  nav, .github-corner, .sidebar-toggle, .sidebar {
+  .github-corner, .sidebar-toggle, .sidebar {
    position: fixed;
  }

  nav {
+    position: static;
    margin-top: 16px;
  }

@@ -54,6 +54,8 @@ body {
 .markdown-section ul,
 .markdown-section ol {
  word-spacing: 0.05em;
+  line-height: 1.6em;
+  margin: 0 0 1em 0;
 }

 .markdown-section h1 {
@@ -95,13 +97,6 @@ body {
  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;
@@ -55,12 +55,6 @@ body {
  font-weight: 600;
 }

-.markdown-section p,
-.markdown-section ul,
-.markdown-section ol {
-  word-spacing: 0.05em;
-}
-
 .markdown-section h1 {
  margin: 0 0 1em;
  font-size: 2em;
@@ -100,6 +94,7 @@ body {
 .markdown-section ul,
 .markdown-section ol {
  line-height: 1.6em;
+  word-spacing: 0.05em;
 }

 .markdown-section ul,
@@ -277,7 +272,7 @@ code .token {
 pre::after {
  color: #ccc;
  content: attr(data-lang);
-  font-size: 0.75em;
+  font-size: 0.6em;
  font-weight: 600;
  height: 15px;
  line-height: 15px;
@@ -14,8 +14,14 @@ export function load (url, method = 'GET', loading) {
  return {
    then: function (success, error = function () {}) {
      if (loading) {
+        const id = setInterval(_ =>
+          loading({ step: Math.floor(Math.random() * 5 + 1) }),
+        500)
        xhr.addEventListener('progress', loading)
-        xhr.addEventListener('loaded', loading)
+        xhr.addEventListener('loadend', evt => {
+          loading(evt)
+          clearInterval(id)
+        })
      }
      xhr.addEventListener('error', error)
      xhr.addEventListener('load', ({ target }) => {
@@ -97,6 +103,6 @@ export function getRoute () {
 }

 export function isMobile () {
-  return /mobile/i.test(navigator.userAgent)
+  return document.body.clientWidth <= 600
 }
Author	SHA1	Message	Date
qingwei.li	f2d894932b	-> v1.1.7	2016-12-19 21:53:42 +08:00
qingwei.li	48912a0b79	bump 1.1.7	2016-12-19 21:53:25 +08:00
qingwei.li	73a193d602	Optimize progress bar	2016-12-19 21:52:33 +08:00
qingwei.li	30b6644f21	fix typo	2016-12-19 20:38:35 +08:00
qingwei.li	d343ff5b21	Update badges	2016-12-18 19:43:58 +08:00
qingwei.li	3bf932a81c	-> v1.1.6	2016-12-18 15:37:57 +08:00
qingwei.li	c8bb66955d	bump 1.1.6	2016-12-18 15:37:47 +08:00
qingwei.li	e5e1e07e1a	Fixed highlight sidebar using chinese ids	2016-12-18 15:37:24 +08:00
cinwell.liandGitHub	9ba989c86c	Add logo (#28 ) * Fix table style * Add logo * Update index.html * Update doc	2016-12-18 15:30:50 +08:00
qingwei.li	ab34cc97f9	-> v1.1.5	2016-12-18 10:50:37 +08:00
qingwei.li	3fbcd876ae	bump 1.1.5	2016-12-18 10:50:02 +08:00
qingwei.li	3af5ca5cd4	Correct calculation of whether the mobile browser	2016-12-18 10:49:21 +08:00
qingwei.li	74ee0cf6bc	Add table style	2016-12-18 10:37:34 +08:00