-> v3.0.3

CHANGELOG.md

@@ -1,4 +1,16 @@
 
+3.0.3 / 2017-02-19
+==================
+
+  * fixed look of links in blockquote
+  * fix(scroll) highlight bug
+
+3.0.2 / 2017-02-19
+==================
+
+  * fix(search): add lazy input
+  * fix(compiler): link
+
 3.0.1 / 2017-02-19
 ==================
 

README.md

@@ -52,7 +52,7 @@ Modern browsers and Internet Explorer 9+.
 ## Showcase
 These open-source projects are using docsify to generate their sites. Pull requests welcome : )
 
-- [Snipaste](https://docs.snipaste.com/) - A new way to boost your productivity.
+- [Snipaste](https://docs.snipaste.com/) - Snip & Paste
 - [puck](https://puck.zz173.com/) - A small & magical php framework.
 - [Samaritan](http://samaritan.stockdb.org) - An Algorithmic Trading Framework for Digital Currency.
 - [Vudash](http://vudash.github.io/vudash/) - Powerful, Flexible, Open Source dashboards for anything

dev.html

@@ -26,8 +26,7 @@
 </script>
 <script
   src="/lib/docsify.js"
-  data-name="sdfsdf"
-  data-name-link="//www.baidu.com"
+  data-name="docsify"
   data-base-path="/docs/"
   data-load-sidebar
   data-sub-max-level="2"

lib/docsify.js

@@ -213,11 +213,11 @@ function on (el, type, handler) {
     : el.addEventListener(type, handler);
 }
 
-var off = function on (el, type, handler) {
+function off (el, type, handler) {
   isFn(type)
     ? window.removeEventListener(el, type)
     : el.removeEventListener(type, handler);
-};
+}
 
 /**
  * Toggle class
@@ -464,17 +464,62 @@ function getAndActive (el, isParent, autoTitle) {
   return target
 }
 
+var nav = {};
+var hoverOver = false;
+
+function highlight () {
+  var sidebar = getNode('.sidebar');
+  var anchors = findAll('.anchor');
+  var wrap = find(sidebar, '.sidebar-nav');
+  var active = find(sidebar, 'li.active');
+  var top = body.scrollTop;
+  var last;
+
+  for (var i = 0, len = anchors.length; i < len; i += 1) {
+    var node = anchors[i];
+
+    if (node.offsetTop > top) {
+      if (!last) { last = node; }
+      break
+    } else {
+      last = node;
+    }
+  }
+  if (!last) { return }
+  var li = nav[last.getAttribute('data-id')];
+
+  if (!li || li === active) { return }
+
+  active && active.classList.remove('active');
+  li.classList.add('active');
+  active = li;
+
+  // scroll into view
+  // https://github.com/vuejs/vuejs.org/blob/master/themes/vue/source/js/common.js#L282-L297
+  if (!hoverOver && body.classList.contains('sticky')) {
+    var height = sidebar.clientHeight;
+    var curOffset = 0;
+    var cur = active.offsetTop + active.clientHeight + 40;
+    var isInView = (
+      active.offsetTop >= wrap.scrollTop &&
+      cur <= wrap.scrollTop + height
+    );
+    var notThan = cur - curOffset < height;
+    var top$1 = isInView
+      ? wrap.scrollTop
+      : notThan
+        ? curOffset
+        : cur - height;
+
+    sidebar.scrollTop = top$1;
+  }
+}
+
 function scrollActiveSidebar () {
   if (isMobile) { return }
 
-  var hoverOver = false;
-  var anchors = findAll('.anchor');
-  var sidebar = find('.sidebar');
-  var wrap = find(sidebar, '.sidebar-nav');
-
-  var nav = {};
+  var sidebar = getNode('.sidebar');
   var lis = findAll(sidebar, 'li');
-  var active = find(sidebar, 'li.active');
 
   for (var i = 0, len = lis.length; i < len; i += 1) {
     var li = lis[i];
@@ -489,50 +534,6 @@ function scrollActiveSidebar () {
     nav[decodeURIComponent(href)] = li;
   }
 
-  function highlight () {
-    var top = body.scrollTop;
-    var last;
-
-    for (var i = 0, len = anchors.length; i < len; i += 1) {
-      var node = anchors[i];
-
-      if (node.offsetTop > top) {
-        if (!last) { last = node; }
-        break
-      } else {
-        last = node;
-      }
-    }
-    if (!last) { return }
-    var li = nav[last.getAttribute('data-id')];
-
-    if (!li || li === active) { return }
-
-    active && active.classList.remove('active');
-    li.classList.add('active');
-    active = li;
-
-    // scroll into view
-    // https://github.com/vuejs/vuejs.org/blob/master/themes/vue/source/js/common.js#L282-L297
-    if (!hoverOver && body.classList.contains('sticky')) {
-      var height = sidebar.clientHeight;
-      var curOffset = 0;
-      var cur = active.offsetTop + active.clientHeight + 40;
-      var isInView = (
-        active.offsetTop >= wrap.scrollTop &&
-        cur <= wrap.scrollTop + height
-      );
-      var notThan = cur - curOffset < height;
-      var top$1 = isInView
-        ? wrap.scrollTop
-        : notThan
-          ? curOffset
-          : cur - height;
-
-      sidebar.scrollTop = top$1;
-    }
-  }
-
   off('scroll', highlight);
   on('scroll', highlight);
   on(sidebar, 'mouseover', function () { hoverOver = true; });
@@ -3008,7 +3009,10 @@ renderer.link = function (href, title, text) {
   } else {
     blank = ' target="_blank"';
   }
-  return ("<a href=\"" + href + "\" title=\"" + (title || text) + "\"" + blank + ">" + text + "</a>")
+  if (title) {
+    title = " title=\"" + title + "\"";
+  }
+  return ("<a href=\"" + href + "\"" + title + blank + ">" + text + "</a>")
 };
 renderer.paragraph = function (text) {
   if (/^!&gt;/.test(text)) {
@@ -3105,10 +3109,12 @@ function renderMain (html) {
   // execute script
   this.config.executeScript && executeScript();
 
-  if (!this.config.executeScript &&
+  if (this.config.executeScript !== false &&
       typeof window.Vue !== 'undefined' &&
       !executeScript()) {
     setTimeout(function (_) {
+      var vueVM = window.__EXECUTE_RESULT__;
+      vueVM && vueVM.$destroy && vueVM.$destroy();
       window.__EXECUTE_RESULT__ = new window.Vue().$mount('#main');
     }, 0);
   }
@@ -3446,7 +3452,6 @@ initGlobalAPI();
 /**
  * Run Docsify
  */
-
 setTimeout(function (_) { return new Docsify(); }, 0);
 
 }());

lib/plugins/search.js

@@ -88,14 +88,14 @@ function search (keywords) {
     var postContent = post.body && post.body.trim();
     var postUrl = post.slug || '';
 
-    if (postTitle !== '' && postContent !== '') {
+    if (postTitle && postContent) {
       keywords.forEach(function (keyword, i) {
         var regEx = new RegExp(keyword, 'gi');
         var indexTitle = -1;
         var indexContent = -1;
 
-        indexTitle = postTitle.search(regEx);
-        indexContent = postContent.search(regEx);
+        indexTitle = postTitle && postTitle.search(regEx);
+        indexContent = postContent && postContent.search(regEx);
 
         if (indexTitle < 0 && indexContent < 0) {
           isMatch = false;
@@ -192,13 +192,7 @@ function bindEvents () {
   var $search = dom.find('div.search');
   var $input = dom.find($search, 'input');
   var $panel = dom.find($search, '.results-panel');
-
-  // Prevent to Fold sidebar
-  dom.on($search, 'click',
-    function (e) { return e.target.tagName !== 'A' && e.stopPropagation(); });
-
-  dom.on($input, 'input', function (e) {
-    var value = e.target.value.trim();
+  var doSearch = function (value) {
     if (!value) {
       $panel.classList.remove('show');
       $panel.innerHTML = '';
@@ -207,13 +201,21 @@ function bindEvents () {
     var matchs = search(value);
 
     var html = '';
-
     matchs.forEach(function (post) {
       html += "<div class=\"matching-post\">\n  <h2><a href=\"" + (post.url) + "\">" + (post.title) + "</a></h2>\n  <p>" + (post.content) + "</p>\n</div>";
     });
 
     $panel.classList.add('show');
     $panel.innerHTML = html || '<p class="empty">No Results!</p>';
+  };
+
+  var timeId;
+  // Prevent to Fold sidebar
+  dom.on($search, 'click',
+    function (e) { return e.target.tagName !== 'A' && e.stopPropagation(); });
+  dom.on($input, 'input', function (e) {
+    clearTimeout(timeId);
+    timeId = setTimeout(function (_) { return doSearch(e.target.value.trim()); }, 200);
   });
 }
 

lib/plugins/search.min.js

@@ -1 +1 @@
-this.D=this.D||{},function(){"use strict";function e(e){var n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"};return String(e).replace(/[&<>"'\/]/g,function(e){return n[e]})}function n(){var e=[];return h.dom.findAll("a").map(function(n){var t=n.href,r=n.getAttribute("href"),i=h.route.parse(t).path;i&&e.indexOf(i)===-1&&!h.route.isAbsolutePath(r)&&e.push(i)}),e}function t(e){localStorage.setItem("docsify.search.expires",Date.now()+e),localStorage.setItem("docsify.search.index",JSON.stringify(f))}function r(e,n){void 0===n&&(n="");var t,r=window.marked.lexer(n),i=Docsify.route.toURL,o={};return r.forEach(function(n){if("heading"===n.type&&n.depth<=2)t=i(e,{id:n.text}),o[t]={slug:t,title:n.text,body:""};else{if(!t)return;o[t]?o[t].body?o[t].body+="\n"+(n.text||""):o[t].body=n.text:o[t]={slug:t,title:"",body:""}}}),o}function i(n){var t=[],r=[];Object.keys(f).forEach(function(e){r=r.concat(Object.keys(f[e]).map(function(n){return f[e][n]}))}),n=n.trim().split(/[\s\-\，\\\/]+/);for(var i=function(i){var o=r[i],a=!1,s="",c=o.title&&o.title.trim(),l=o.body&&o.body.trim(),p=o.slug||"";if(""!==c&&""!==l&&(n.forEach(function(n,t){var r=new RegExp(n,"gi"),i=-1,o=-1;if(i=c.search(r),o=l.search(r),i<0&&o<0)a=!1;else{a=!0,o<0&&(o=0);var p=0,d=0;p=o<11?0:o-10,d=0===p?70:o+n.length+60,d>l.length&&(d=l.length);var h="..."+e(l).substring(p,d).replace(r,'<em class="search-keyword">'+n+"</em>")+"...";s+=h}}),a)){var d={title:e(c),content:s,url:p};t.push(d)}},o=0;o<r.length;o++)i(o);return t}function o(e,i){h=Docsify;var o="auto"===e.paths,a=localStorage.getItem("docsify.search.expires")<Date.now();if(f=JSON.parse(localStorage.getItem("docsify.search.index")),a)f={};else if(!o)return;var s=o?n():e.paths,c=s.length,l=0;s.forEach(function(n){return f[n]?l++:void h.get(i.$getFile(n)).then(function(i){f[n]=r(n,i),c===++l&&t(e.maxAge)})})}function a(){var e="\n.sidebar {\n  padding-top: 0;\n}\n\n.search {\n  margin-bottom: 20px;\n  padding: 6px;\n  border-bottom: 1px solid #eee;\n}\n\n.search .results-panel {\n  display: none;\n}\n\n.search .results-panel.show {\n  display: block;\n}\n\n.search input {\n  outline: none;\n  border: none;\n  width: 100%;\n  padding: 7px;\n  line-height: 22px;\n  font-size: 14px;\n}\n\n.search h2 {\n  font-size: 17px;\n  margin: 10px 0;\n}\n\n.search a {\n  text-decoration: none;\n  color: inherit;\n}\n\n.search .matching-post {\n  border-bottom: 1px solid #eee;\n}\n\n.search .matching-post:last-child {\n  border-bottom: 0;\n}\n\n.search p {\n  font-size: 14px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n.search p.empty {\n  text-align: center;\n}",n=u.create("style",e);u.appendTo(u.head,n)}function s(e){var n='<input type="search" /><div class="results-panel"></div></div>',t=u.create("div",n),r=u.find("aside");u.toggleClass(t,"search"),u.before(r,t)}function c(){var e=u.find("div.search"),n=u.find(e,"input"),t=u.find(e,".results-panel");u.on(e,"click",function(e){return"A"!==e.target.tagName&&e.stopPropagation()}),u.on(n,"input",function(e){var n=e.target.value.trim();if(!n)return t.classList.remove("show"),void(t.innerHTML="");var r=i(n),o="";r.forEach(function(e){o+='<div class="matching-post">\n  <h2><a href="'+e.url+'">'+e.title+"</a></h2>\n  <p>"+e.content+"</p>\n</div>"}),t.classList.add("show"),t.innerHTML=o||'<p class="empty">No Results!</p>'})}function l(e,n){var t=u.getNode('.search input[type="search"]');if("string"==typeof e)t.placeholder=e;else{var r=Object.keys(e).find(function(e){return n.indexOf(e)>-1});t.placeholder=e[r]}}function p(e){u=Docsify.dom,a(),s(e),c()}function d(e,n){l(e.placeholder,n.route.path)}var h,u,f={},g={placeholder:"Type to search",paths:"auto",maxAge:864e5},v=function(e,n){var t=Docsify.util,r=n.config.search||g;Array.isArray(r)?g.paths=r:"object"==typeof r&&(g.paths=Array.isArray(r.paths)?r.paths:"auto",g.maxAge=t.isPrimitive(r.maxAge)?r.maxAge:g.maxAge,g.placeholder=r.placeholder||g.placeholder);var i="auto"===g.paths;e.mounted(function(e){p(g),!i&&o(g,n)}),e.doneEach(function(e){d(g,n),i&&o(g,n)})};window.$docsify.plugins=[].concat(v,window.$docsify.plugins)}();
+this.D=this.D||{},function(){"use strict";function e(e){var n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"};return String(e).replace(/[&<>"'\/]/g,function(e){return n[e]})}function n(){var e=[];return d.dom.findAll("a").map(function(n){var t=n.href,r=n.getAttribute("href"),i=d.route.parse(t).path;i&&e.indexOf(i)===-1&&!d.route.isAbsolutePath(r)&&e.push(i)}),e}function t(e){localStorage.setItem("docsify.search.expires",Date.now()+e),localStorage.setItem("docsify.search.index",JSON.stringify(f))}function r(e,n){void 0===n&&(n="");var t,r=window.marked.lexer(n),i=Docsify.route.toURL,o={};return r.forEach(function(n){if("heading"===n.type&&n.depth<=2)t=i(e,{id:n.text}),o[t]={slug:t,title:n.text,body:""};else{if(!t)return;o[t]?o[t].body?o[t].body+="\n"+(n.text||""):o[t].body=n.text:o[t]={slug:t,title:"",body:""}}}),o}function i(n){var t=[],r=[];Object.keys(f).forEach(function(e){r=r.concat(Object.keys(f[e]).map(function(n){return f[e][n]}))}),n=n.trim().split(/[\s\-\，\\\/]+/);for(var i=function(i){var o=r[i],a=!1,s="",c=o.title&&o.title.trim(),l=o.body&&o.body.trim(),p=o.slug||"";if(c&&l&&(n.forEach(function(n,t){var r=new RegExp(n,"gi"),i=-1,o=-1;if(i=c&&c.search(r),o=l&&l.search(r),i<0&&o<0)a=!1;else{a=!0,o<0&&(o=0);var p=0,u=0;p=o<11?0:o-10,u=0===p?70:o+n.length+60,u>l.length&&(u=l.length);var d="..."+e(l).substring(p,u).replace(r,'<em class="search-keyword">'+n+"</em>")+"...";s+=d}}),a)){var u={title:e(c),content:s,url:p};t.push(u)}},o=0;o<r.length;o++)i(o);return t}function o(e,i){d=Docsify;var o="auto"===e.paths,a=localStorage.getItem("docsify.search.expires")<Date.now();if(f=JSON.parse(localStorage.getItem("docsify.search.index")),a)f={};else if(!o)return;var s=o?n():e.paths,c=s.length,l=0;s.forEach(function(n){return f[n]?l++:void d.get(i.$getFile(n)).then(function(i){f[n]=r(n,i),c===++l&&t(e.maxAge)})})}function a(){var e="\n.sidebar {\n  padding-top: 0;\n}\n\n.search {\n  margin-bottom: 20px;\n  padding: 6px;\n  border-bottom: 1px solid #eee;\n}\n\n.search .results-panel {\n  display: none;\n}\n\n.search .results-panel.show {\n  display: block;\n}\n\n.search input {\n  outline: none;\n  border: none;\n  width: 100%;\n  padding: 7px;\n  line-height: 22px;\n  font-size: 14px;\n}\n\n.search h2 {\n  font-size: 17px;\n  margin: 10px 0;\n}\n\n.search a {\n  text-decoration: none;\n  color: inherit;\n}\n\n.search .matching-post {\n  border-bottom: 1px solid #eee;\n}\n\n.search .matching-post:last-child {\n  border-bottom: 0;\n}\n\n.search p {\n  font-size: 14px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n.search p.empty {\n  text-align: center;\n}",n=h.create("style",e);h.appendTo(h.head,n)}function s(e){var n='<input type="search" /><div class="results-panel"></div></div>',t=h.create("div",n),r=h.find("aside");h.toggleClass(t,"search"),h.before(r,t)}function c(){var e,n=h.find("div.search"),t=h.find(n,"input"),r=h.find(n,".results-panel"),o=function(e){if(!e)return r.classList.remove("show"),void(r.innerHTML="");var n=i(e),t="";n.forEach(function(e){t+='<div class="matching-post">\n  <h2><a href="'+e.url+'">'+e.title+"</a></h2>\n  <p>"+e.content+"</p>\n</div>"}),r.classList.add("show"),r.innerHTML=t||'<p class="empty">No Results!</p>'};h.on(n,"click",function(e){return"A"!==e.target.tagName&&e.stopPropagation()}),h.on(t,"input",function(n){clearTimeout(e),e=setTimeout(function(e){return o(n.target.value.trim())},200)})}function l(e,n){var t=h.getNode('.search input[type="search"]');if("string"==typeof e)t.placeholder=e;else{var r=Object.keys(e).find(function(e){return n.indexOf(e)>-1});t.placeholder=e[r]}}function p(e){h=Docsify.dom,a(),s(e),c()}function u(e,n){l(e.placeholder,n.route.path)}var d,h,f={},g={placeholder:"Type to search",paths:"auto",maxAge:864e5},m=function(e,n){var t=Docsify.util,r=n.config.search||g;Array.isArray(r)?g.paths=r:"object"==typeof r&&(g.paths=Array.isArray(r.paths)?r.paths:"auto",g.maxAge=t.isPrimitive(r.maxAge)?r.maxAge:g.maxAge,g.placeholder=r.placeholder||g.placeholder);var i="auto"===g.paths;e.mounted(function(e){p(g),!i&&o(g,n)}),e.doneEach(function(e){u(g,n),i&&o(g,n)})};window.$docsify.plugins=[].concat(m,window.$docsify.plugins)}();

package.json

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

src/core/event/scroll.js

@@ -2,17 +2,62 @@ import { isMobile } from '../util/env'
 import * as dom from '../util/dom'
 import { parse } from '../route/hash'
 
+const nav = {}
+let hoverOver = false
+
+function highlight () {
+  const sidebar = dom.getNode('.sidebar')
+  const anchors = dom.findAll('.anchor')
+  const wrap = dom.find(sidebar, '.sidebar-nav')
+  let active = dom.find(sidebar, 'li.active')
+  const top = dom.body.scrollTop
+  let last
+
+  for (let i = 0, len = anchors.length; i < len; i += 1) {
+    const node = anchors[i]
+
+    if (node.offsetTop > top) {
+      if (!last) last = node
+      break
+    } else {
+      last = node
+    }
+  }
+  if (!last) return
+  const li = nav[last.getAttribute('data-id')]
+
+  if (!li || li === active) return
+
+  active && active.classList.remove('active')
+  li.classList.add('active')
+  active = li
+
+  // scroll into view
+  // https://github.com/vuejs/vuejs.org/blob/master/themes/vue/source/js/common.js#L282-L297
+  if (!hoverOver && dom.body.classList.contains('sticky')) {
+    const height = sidebar.clientHeight
+    const curOffset = 0
+    const cur = active.offsetTop + active.clientHeight + 40
+    const isInView = (
+      active.offsetTop >= wrap.scrollTop &&
+      cur <= wrap.scrollTop + height
+    )
+    const notThan = cur - curOffset < height
+    const top = isInView
+      ? wrap.scrollTop
+      : notThan
+        ? curOffset
+        : cur - height
+
+    sidebar.scrollTop = top
+  }
+}
+
 export function scrollActiveSidebar () {
   if (isMobile) return
 
-  let hoverOver = false
-  const anchors = dom.findAll('.anchor')
-  const sidebar = dom.find('.sidebar')
-  const wrap = dom.find(sidebar, '.sidebar-nav')
-
-  const nav = {}
+  const sidebar = dom.getNode('.sidebar')
   const lis = dom.findAll(sidebar, 'li')
-  let active = dom.find(sidebar, 'li.active')
 
   for (let i = 0, len = lis.length; i < len; i += 1) {
     const li = lis[i]
@@ -27,50 +72,6 @@ export function scrollActiveSidebar () {
     nav[decodeURIComponent(href)] = li
   }
 
-  function highlight () {
-    const top = dom.body.scrollTop
-    let last
-
-    for (let i = 0, len = anchors.length; i < len; i += 1) {
-      const node = anchors[i]
-
-      if (node.offsetTop > top) {
-        if (!last) last = node
-        break
-      } else {
-        last = node
-      }
-    }
-    if (!last) return
-    const li = nav[last.getAttribute('data-id')]
-
-    if (!li || li === active) return
-
-    active && active.classList.remove('active')
-    li.classList.add('active')
-    active = li
-
-    // scroll into view
-    // https://github.com/vuejs/vuejs.org/blob/master/themes/vue/source/js/common.js#L282-L297
-    if (!hoverOver && dom.body.classList.contains('sticky')) {
-      const height = sidebar.clientHeight
-      const curOffset = 0
-      const cur = active.offsetTop + active.clientHeight + 40
-      const isInView = (
-        active.offsetTop >= wrap.scrollTop &&
-        cur <= wrap.scrollTop + height
-      )
-      const notThan = cur - curOffset < height
-      const top = isInView
-        ? wrap.scrollTop
-        : notThan
-          ? curOffset
-          : cur - height
-
-      sidebar.scrollTop = top
-    }
-  }
-
   dom.off('scroll', highlight)
   dom.on('scroll', highlight)
   dom.on(sidebar, 'mouseover', () => { hoverOver = true })

src/core/index.js

@@ -25,5 +25,4 @@ initGlobalAPI()
 /**
  * Run Docsify
  */
-
 setTimeout(_ => new Docsify(), 0)

src/core/render/compiler.js

@@ -73,7 +73,10 @@ renderer.link = function (href, title, text) {
   } else {
     blank = ' target="_blank"'
   }
-  return `<a href="${href}" title="${title || text}"${blank}>${text}</a>`
+  if (title) {
+    title = ` title="${title}"`
+  }
+  return `<a href="${href}"${title}${blank}>${text}</a>`
 }
 renderer.paragraph = function (text) {
   if (/^!&gt;/.test(text)) {

src/core/render/index.js

@@ -31,10 +31,12 @@ function renderMain (html) {
   // execute script
   this.config.executeScript && executeScript()
 
-  if (!this.config.executeScript &&
+  if (this.config.executeScript !== false &&
       typeof window.Vue !== 'undefined' &&
       !executeScript()) {
     setTimeout(_ => {
+      const vueVM = window.__EXECUTE_RESULT__
+      vueVM && vueVM.$destroy && vueVM.$destroy()
       window.__EXECUTE_RESULT__ = new window.Vue().$mount('#main')
     }, 0)
   }

src/core/util/dom.js

@@ -62,7 +62,7 @@ export function on (el, type, handler) {
     : el.addEventListener(type, handler)
 }
 
-export const off = function on (el, type, handler) {
+export function off (el, type, handler) {
   isFn(type)
     ? window.removeEventListener(el, type)
     : el.removeEventListener(type, handler)

src/plugins/search/component.js

@@ -81,13 +81,7 @@ function bindEvents () {
   const $search = dom.find('div.search')
   const $input = dom.find($search, 'input')
   const $panel = dom.find($search, '.results-panel')
-
-  // Prevent to Fold sidebar
-  dom.on($search, 'click',
-    e => e.target.tagName !== 'A' && e.stopPropagation())
-
-  dom.on($input, 'input', e => {
-    const value = e.target.value.trim()
+  const doSearch = function (value) {
     if (!value) {
       $panel.classList.remove('show')
       $panel.innerHTML = ''
@@ -96,7 +90,6 @@ function bindEvents () {
     const matchs = search(value)
 
     let html = ''
-
     matchs.forEach(post => {
       html += `<div class="matching-post">
   <h2><a href="${post.url}">${post.title}</a></h2>
@@ -106,6 +99,15 @@ function bindEvents () {
 
     $panel.classList.add('show')
     $panel.innerHTML = html || '<p class="empty">No Results!</p>'
+  }
+
+  let timeId
+  // Prevent to Fold sidebar
+  dom.on($search, 'click',
+    e => e.target.tagName !== 'A' && e.stopPropagation())
+  dom.on($input, 'input', e => {
+    clearTimeout(timeId)
+    timeId = setTimeout(_ => doSearch(e.target.value.trim()), 200)
   })
 }
 

src/plugins/search/search.js

@@ -82,14 +82,14 @@ export function search (keywords) {
     const postContent = post.body && post.body.trim()
     const postUrl = post.slug || ''
 
-    if (postTitle !== '' && postContent !== '') {
+    if (postTitle && postContent) {
       keywords.forEach((keyword, i) => {
         const regEx = new RegExp(keyword, 'gi')
         let indexTitle = -1
         let indexContent = -1
 
-        indexTitle = postTitle.search(regEx)
-        indexContent = postContent.search(regEx)
+        indexTitle = postTitle && postTitle.search(regEx)
+        indexContent = postContent && postContent.search(regEx)
 
         if (indexTitle < 0 && indexContent < 0) {
           isMatch = false

src/themes/basic/_coverpage.css

@@ -70,7 +70,7 @@ section.cover {
     line-height: 1.8;
   }
 
-  .cover-main p:last-child a {
+  .cover-main > p:last-child a {
     border-radius: 2em;
     border-width: 1px;
     border-style: solid;
@@ -100,4 +100,13 @@ section.cover {
       color: inherit;
     }
   }
+
+  blockquote > p > a {
+    border-bottom: 2px solid var(--theme-color, $color-primary);
+    transition: color .3s;
+
+    &:hover {
+      color: var(--theme-color, $color-primary);
+    }
+  }
 }

src/themes/basic/_layout.css

@@ -17,7 +17,7 @@ div#app {
   text-align: center;
   font-size: 30px;
   font-weight: lighter;
-  margin: 40vw auto;
+  margin: 40vh auto;
 
   &:empty::before {
     content: "Loading...";