-> v1.1.5

CHANGELOG.md

@@ -1,3 +1,15 @@
+## 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.1.3
 ### Bug fixes
 - Optimize progress bar again

lib/docsify.js

@@ -106,7 +106,7 @@ function getRoute () {
 }
 
 function isMobile () {
-  return /mobile/i.test(navigator.userAgent)
+  return document.body.clientWidth <= 600
 }
 
 /**
@@ -158,7 +158,7 @@ function scrollActiveSidebar () {
 function scrollIntoView () {
   var id = window.location.hash.match(/#[^#\/]+$/g);
   if (!id || !id.length) { return }
-  var section = document.querySelector(id[0]);
+  var section = document.querySelector(decodeURIComponent(id[0]));
 
   if (section) { section.scrollIntoView(); }
 }
@@ -2368,14 +2368,16 @@ var renderer = new marked.Renderer();
  * @link https://github.com/chjj/marked#overriding-renderer-methods
  */
 renderer.heading = function (text, level) {
-  var slug = text.toLowerCase().replace(/<(?:.|\n)*?>/gm, '').replace(/[^\w|\u4e00-\u9fa5]+/g, '-');
+  var slug = text.toLowerCase()
+      .replace(/<(?:.|\n)*?>/gm, '')
+      .replace(/[^\w|\u4e00-\u9fa5]+/g, '-');
   var route = '';
 
   if (OPTIONS$1.router) {
     route = "#/" + (getRoute());
   }
 
-  toc.push({ level: level, slug: (route + "#" + slug), title: text });
+  toc.push({ level: level, slug: (route + "#" + (encodeURIComponent(slug))), title: text });
 
   return ("<h" + level + " id=\"" + slug + "\"><a href=\"" + route + "#" + slug + "\" class=\"anchor\"></a>" + text + "</h" + level + ">")
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "docsify",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "A magical documentation generator.",
   "main": "lib/docsify.js",
   "files": [

src/event.js

@@ -49,7 +49,7 @@ export function scrollActiveSidebar () {
 export function scrollIntoView () {
   const id = window.location.hash.match(/#[^#\/]+$/g)
   if (!id || !id.length) return
-  const section = document.querySelector(id[0])
+  const section = document.querySelector(decodeURIComponent(id[0]))
 
   if (section) section.scrollIntoView()
 }

src/render.js

@@ -21,14 +21,16 @@ const renderer = new marked.Renderer()
  * @link https://github.com/chjj/marked#overriding-renderer-methods
  */
 renderer.heading = function (text, level) {
-  const slug = text.toLowerCase().replace(/<(?:.|\n)*?>/gm, '').replace(/[^\w|\u4e00-\u9fa5]+/g, '-')
+  const slug = text.toLowerCase()
+      .replace(/<(?:.|\n)*?>/gm, '')
+      .replace(/[^\w|\u4e00-\u9fa5]+/g, '-')
   let route = ''
 
   if (OPTIONS.router) {
     route = `#/${getRoute()}`
   }
 
-  toc.push({ level, slug: `${route}#${slug}`, title: text })
+  toc.push({ level, slug: `${route}#${encodeURIComponent(slug)}`, title: text })
 
   return `<h${level} id="${slug}"><a href="${route}#${slug}" class="anchor"></a>${text}</h${level}>`
 }

src/themes/basic/_layout.css

@@ -235,6 +235,33 @@ main {
   }
 }
 
+.markdown-section table {
+  display: block;
+  width: 100%;
+  overflow: auto;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.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 {
+  background-color: #fff;
+  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;
   }
 

src/themes/vue.css

@@ -277,7 +277,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;

src/util.js

@@ -97,6 +97,6 @@ export function getRoute () {
 }
 
 export function isMobile () {
-  return /mobile/i.test(navigator.userAgent)
+  return document.body.clientWidth <= 600
 }