- 
+ 
- 
-
+
-
Gold Sponsor via Open Collective
+Glod Sponsor via Open Collective
-
+
+
## License
-[MIT](LICENSE)
+MIT
-[](https://app.fossa.io/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fdocsifyjs%2Fdocsify?ref=badge_large)
+[](https://app.fossa.io/projects/git%2Bhttps%3A%2F%2Fgithub.com%2FQingWei-Li%2Fdocsify?ref=badge_large)
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..63f80f7
--- /dev/null
+++ b/app.js
@@ -0,0 +1,53 @@
+var serveStatic = require('serve-static')
+var http = require('http')
+var fs = require('fs')
+var Renderer = require('./packages/docsify-server-renderer/build.js')
+
+var renderer = new Renderer({
+ template: `
+
+
+
+
+ " + (content.slice(5).trim()) + "
") +} + +function theme (color) { + return ("") +} + +var barEl; +var timeId; + +/** + * Init progress component + */ +function init () { + var div = create('div'); + + div.classList.add('progress'); + appendTo(body, div); + barEl = div; +} +/** + * Render progress bar + */ +function progressbar (ref) { + var loaded = ref.loaded; + var total = ref.total; + var step = ref.step; + + var num; + + !barEl && init(); + + if (step) { + num = parseInt(barEl.style.width || 0, 10) + step; + num = num > 80 ? 80 : num; + } else { + num = Math.floor(loaded / total * 100); + } + + barEl.style.opacity = 1; + barEl.style.width = num >= 95 ? '100%' : num + '%'; + + if (num >= 95) { + clearTimeout(timeId); + timeId = setTimeout(function (_) { + barEl.style.opacity = 0; + barEl.style.width = '0%'; + }, 200); + } +} + +var cache = {}; + +/** + * Simple ajax get + * @param {string} url + * @param {boolean} [hasBar=false] has progress bar + * @return { then(resolve, reject), abort } + */ +function get (url, hasBar, headers) { + if ( hasBar === void 0 ) hasBar = false; + if ( headers === void 0 ) headers = {}; + + var xhr = new XMLHttpRequest(); + var on = function () { + xhr.addEventListener.apply(xhr, arguments); + }; + var cached$$1 = cache[url]; + + if (cached$$1) { + return { then: function (cb) { return cb(cached$$1.content, cached$$1.opt); }, abort: noop } + } + + xhr.open('GET', url); + for (var i in headers) { + xhr.setRequestHeader(i, headers[i]); + } + xhr.send(); + + return { + then: function (success, error) { + if ( error === void 0 ) error = noop; + + if (hasBar) { + var id = setInterval( + function (_) { return progressbar({ + step: Math.floor(Math.random() * 5 + 1) + }); }, + 500 + ); + + on('progress', progressbar); + on('loadend', function (evt) { + progressbar(evt); + clearInterval(id); + }); + } + + on('error', error); + on('load', function (ref) { + var target = ref.target; + + if (target.status >= 400) { + error(target); + } else { + var result = (cache[url] = { + content: target.response, + opt: { + updatedAt: xhr.getResponseHeader('last-modified') + } + }); + + success(result.content, result.opt); + } + }); + }, + abort: function (_) { return xhr.readyState !== 4 && xhr.abort(); } + } +} + +function replaceVar (block, color) { + block.innerHTML = block.innerHTML.replace( + /var\(\s*--theme-color.*?\)/g, + color + ); +} + +function cssVars (color) { + // Variable support + if (window.CSS && window.CSS.supports && window.CSS.supports('(--v:red)')) { return } + + var styleBlocks = findAll('style:not(.inserted),link');[].forEach.call(styleBlocks, function (block) { + if (block.nodeName === 'STYLE') { + replaceVar(block, color); + } else if (block.nodeName === 'LINK') { + var href = block.getAttribute('href'); + + if (!/\.css$/.test(href)) { return } + + get(href).then(function (res) { + var style$$1 = create('style', res); + + head.appendChild(style$$1); + replaceVar(style$$1, color); + }); + } + }); +} + +var RGX = /([^{]*?)\w(?=\})/g; + +var dict = { + YYYY: 'getFullYear', + YY: 'getYear', + MM: function (d) { + return d.getMonth() + 1; + }, + DD: 'getDate', + HH: 'getHours', + mm: 'getMinutes', + ss: 'getSeconds' +}; + +function tinydate (str) { + var parts=[], offset=0; + str.replace(RGX, function (key, _, idx) { + // save preceding string + parts.push(str.substring(offset, idx - 1)); + offset = idx += key.length + 1; + // save function + parts.push(function(d){ + return ('00' + (typeof dict[key]==='string' ? d[dict[key]]() : dict[key](d))).slice(-key.length); + }); + }); + + if (offset !== str.length) { + parts.push(str.substring(offset)); + } + + return function (arg) { + var out='', i=0, d=arg||new Date(); + for (; i'
+ + (escaped ? code : escape(code, true))
+ + '\n'
+ + (escaped ? code : escape(code, true))
+ + '\n\n' + quote + '\n'; +}; + +Renderer.prototype.html = function(html) { + return html; +}; + +Renderer.prototype.heading = function(text, level, raw) { + return '
' + text + '
\n'; +}; + +Renderer.prototype.table = function(header, body) { + return '' + text + '';
+};
+
+Renderer.prototype.br = function() {
+ return this.options.xhtml ? 'An error occurred:
' + + escape(e.message + '', true) + + ''; + } + throw e; + } +} + +/** + * Options + */ + +marked.options = +marked.setOptions = function(opt) { + merge(marked.defaults, opt); + return marked; +}; + +marked.defaults = { + gfm: true, + tables: true, + breaks: false, + pedantic: false, + sanitize: false, + sanitizer: null, + mangle: true, + smartLists: false, + silent: false, + highlight: null, + langPrefix: 'lang-', + smartypants: false, + headerPrefix: '', + renderer: new Renderer, + xhtml: false, + baseUrl: null +}; + +/** + * Expose + */ + +marked.Parser = Parser; +marked.parser = Parser.parse; + +marked.Renderer = Renderer; + +marked.Lexer = Lexer; +marked.lexer = Lexer.lex; + +marked.InlineLexer = InlineLexer; +marked.inlineLexer = InlineLexer.output; + +marked.parse = marked; + +{ + module.exports = marked; +} + +}).call(function() { + return this || (typeof window !== 'undefined' ? window : commonjsGlobal); +}()); +}); + +var prism = createCommonjsModule(function (module) { +/* ********************************************** + Begin prism-core.js +********************************************** */ + +var _self = (typeof window !== 'undefined') + ? window // if in browser + : ( + (typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope) + ? self // if in worker + : {} // if in node js + ); + +/** + * Prism: Lightweight, robust, elegant syntax highlighting + * MIT license http://www.opensource.org/licenses/mit-license.php/ + * @author Lea Verou http://lea.verou.me + */ + +var Prism = (function(){ + +// Private helper vars +var lang = /\blang(?:uage)?-(\w+)\b/i; +var uniqueId = 0; + +var _ = _self.Prism = { + manual: _self.Prism && _self.Prism.manual, + disableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler, + util: { + encode: function (tokens) { + if (tokens instanceof Token) { + return new Token(tokens.type, _.util.encode(tokens.content), tokens.alias); + } else if (_.util.type(tokens) === 'Array') { + return tokens.map(_.util.encode); + } else { + return tokens.replace(/&/g, '&').replace(/ text.length) { + // Something went terribly wrong, ABORT, ABORT! + return; + } + + if (str instanceof Token) { + continue; + } + + pattern.lastIndex = 0; + + var match = pattern.exec(str), + delNum = 1; + + // Greedy patterns can override/remove up to two previously matched tokens + if (!match && greedy && i != strarr.length - 1) { + pattern.lastIndex = pos; + match = pattern.exec(text); + if (!match) { + break; + } + + var from = match.index + (lookbehind ? match[1].length : 0), + to = match.index + match[0].length, + k = i, + p = pos; + + for (var len = strarr.length; k < len && (p < to || (!strarr[k].type && !strarr[k - 1].greedy)); ++k) { + p += strarr[k].length; + // Move the index i to the element in strarr that is closest to from + if (from >= p) { + ++i; + pos = p; + } + } + + /* + * If strarr[i] is a Token, then the match starts inside another Token, which is invalid + * If strarr[k - 1] is greedy we are in conflict with another greedy pattern + */ + if (strarr[i] instanceof Token || strarr[k - 1].greedy) { + continue; + } + + // Number of tokens to delete and replace with the new match + delNum = k - i; + str = text.slice(pos, p); + match.index -= pos; + } + + if (!match) { + if (oneshot) { + break; + } + + continue; + } + + if(lookbehind) { + lookbehindLength = match[1].length; + } + + var from = match.index + lookbehindLength, + match = match[0].slice(lookbehindLength), + to = from + match.length, + before = str.slice(0, from), + after = str.slice(to); + + var args = [i, delNum]; + + if (before) { + ++i; + pos += before.length; + args.push(before); + } + + var wrapped = new Token(token, inside? _.tokenize(match, inside) : match, alias, match, greedy); + + args.push(wrapped); + + if (after) { + args.push(after); + } + + Array.prototype.splice.apply(strarr, args); + + if (delNum != 1) + { _.matchGrammar(text, strarr, grammar, i, pos, true, token); } + + if (oneshot) + { break; } + } + } + } + }, + + tokenize: function(text, grammar, language) { + var strarr = [text]; + + var rest = grammar.rest; + + if (rest) { + for (var token in rest) { + grammar[token] = rest[token]; + } + + delete grammar.rest; + } + + _.matchGrammar(text, strarr, grammar, 0, 0, false); + + return strarr; + }, + + hooks: { + all: {}, + + add: function (name, callback) { + var hooks = _.hooks.all; + + hooks[name] = hooks[name] || []; + + hooks[name].push(callback); + }, + + run: function (name, env) { + var callbacks = _.hooks.all[name]; + + if (!callbacks || !callbacks.length) { + return; + } + + for (var i=0, callback; callback = callbacks[i++];) { + callback(env); + } + } + } +}; + +var Token = _.Token = function(type, content, alias, matchedStr, greedy) { + this.type = type; + this.content = content; + this.alias = alias; + // Copy of the full string this token was created from + this.length = (matchedStr || "").length|0; + this.greedy = !!greedy; +}; + +Token.stringify = function(o, language, parent) { + if (typeof o == 'string') { + return o; + } + + if (_.util.type(o) === 'Array') { + return o.map(function(element) { + return Token.stringify(element, language, o); + }).join(''); + } + + var env = { + type: o.type, + content: Token.stringify(o.content, language, parent), + tag: 'span', + classes: ['token', o.type], + attributes: {}, + language: language, + parent: parent + }; + + if (o.alias) { + var aliases = _.util.type(o.alias) === 'Array' ? o.alias : [o.alias]; + Array.prototype.push.apply(env.classes, aliases); + } + + _.hooks.run('wrap', env); + + var attributes = Object.keys(env.attributes).map(function(name) { + return name + '="' + (env.attributes[name] || '').replace(/"/g, '"') + '"'; + }).join(' '); + + return '<' + env.tag + ' class="' + env.classes.join(' ') + '"' + (attributes ? ' ' + attributes : '') + '>' + env.content + ''; + +}; + +if (!_self.document) { + if (!_self.addEventListener) { + // in Node.js + return _self.Prism; + } + + if (!_.disableWorkerMessageHandler) { + // In worker + _self.addEventListener('message', function (evt) { + var message = JSON.parse(evt.data), + lang = message.language, + code = message.code, + immediateClose = message.immediateClose; + + _self.postMessage(_.highlight(code, _.languages[lang], lang)); + if (immediateClose) { + _self.close(); + } + }, false); + } + + return _self.Prism; +} + +//Get current script and highlight +var script = document.currentScript || [].slice.call(document.getElementsByTagName("script")).pop(); + +if (script) { + _.filename = script.src; + + if (!_.manual && !script.hasAttribute('data-manual')) { + if(document.readyState !== "loading") { + if (window.requestAnimationFrame) { + window.requestAnimationFrame(_.highlightAll); + } else { + window.setTimeout(_.highlightAll, 16); + } + } + else { + document.addEventListener('DOMContentLoaded', _.highlightAll); + } + } +} + +return _self.Prism; + +})(); + +if ('object' !== 'undefined' && module.exports) { + module.exports = Prism; +} + +// hack for components to work correctly in node.js +if (typeof commonjsGlobal !== 'undefined') { + commonjsGlobal.Prism = Prism; +} + + +/* ********************************************** + Begin prism-markup.js +********************************************** */ + +Prism.languages.markup = { + 'comment': //, + 'prolog': /<\?[\s\S]+?\?>/, + 'doctype': //i, + 'cdata': //i, + 'tag': { + pattern: /<\/?(?!\d)[^\s>\/=$<]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+))?)*\s*\/?>/i, + inside: { + 'tag': { + pattern: /^<\/?[^\s>\/]+/i, + inside: { + 'punctuation': /^<\/?/, + 'namespace': /^[^\s>\/:]+:/ + } + }, + 'attr-value': { + pattern: /=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+)/i, + inside: { + 'punctuation': [ + /^=/, + { + pattern: /(^|[^\\])["']/, + lookbehind: true + } + ] + } + }, + 'punctuation': /\/?>/, + 'attr-name': { + pattern: /[^\s>\/]+/, + inside: { + 'namespace': /^[^\s>\/:]+:/ + } + } + + } + }, + 'entity': /&#?[\da-z]{1,8};/i +}; + +Prism.languages.markup['tag'].inside['attr-value'].inside['entity'] = + Prism.languages.markup['entity']; + +// Plugin to make entity title show the real entity, idea by Roman Komarov +Prism.hooks.add('wrap', function(env) { + + if (env.type === 'entity') { + env.attributes['title'] = env.content.replace(/&/, '&'); + } +}); + +Prism.languages.xml = Prism.languages.markup; +Prism.languages.html = Prism.languages.markup; +Prism.languages.mathml = Prism.languages.markup; +Prism.languages.svg = Prism.languages.markup; + + +/* ********************************************** + Begin prism-css.js +********************************************** */ + +Prism.languages.css = { + 'comment': /\/\*[\s\S]*?\*\//, + 'atrule': { + pattern: /@[\w-]+?.*?(?:;|(?=\s*\{))/i, + inside: { + 'rule': /@[\w-]+/ + // See rest below + } + }, + 'url': /url\((?:(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1|.*?)\)/i, + 'selector': /[^{}\s][^{};]*?(?=\s*\{)/, + 'string': { + pattern: /("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/, + greedy: true + }, + 'property': /[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i, + 'important': /\B!important\b/i, + 'function': /[-a-z0-9]+(?=\()/i, + 'punctuation': /[(){};:]/ +}; + +Prism.languages.css['atrule'].inside.rest = Prism.util.clone(Prism.languages.css); + +if (Prism.languages.markup) { + Prism.languages.insertBefore('markup', 'tag', { + 'style': { + pattern: /(
'
+}
+
+function emojify (text) {
+ return text
+ .replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g, function (m) { return m.replace(/:/g, '__colon__'); })
+ .replace(/:(\w+?):/ig, (inBrowser && window.emojify) || replace)
+ .replace(/__colon__/g, ':')
+}
+
+var decode = decodeURIComponent;
+var encode = encodeURIComponent;
+
+function parseQuery (query) {
+ var res = {};
+
+ query = query.trim().replace(/^(\?|#|&)/, '');
+
+ if (!query) {
+ return res
+ }
+
+ // Simple parse
+ query.split('&').forEach(function (param) {
+ var parts = param.replace(/\+/g, ' ').split('=');
+
+ res[parts[0]] = parts[1] && decode(parts[1]);
+ });
+
+ return res
+}
+
+function stringifyQuery (obj, ignores) {
+ if ( ignores === void 0 ) ignores = [];
+
+ var qs = [];
+
+ for (var key in obj) {
+ if (ignores.indexOf(key) > -1) { continue }
+ qs.push(
+ obj[key]
+ ? ((encode(key)) + "=" + (encode(obj[key]))).toLowerCase()
+ : encode(key)
+ );
+ }
+
+ return qs.length ? ("?" + (qs.join('&'))) : ''
+}
+
+function getPath () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return cleanPath(args.join('/'))
+}
+
+var isAbsolutePath = cached(function (path) {
+ return /(:|(\/{2}))/g.test(path)
+});
+
+var getParentPath = cached(function (path) {
+ return /\/$/g.test(path)
+ ? path
+ : (path = path.match(/(\S*\/)[^\/]+$/)) ? path[1] : ''
+});
+
+var cleanPath = cached(function (path) {
+ return path.replace(/^\/+/, '/').replace(/([^:])\/{2,}/g, '$1/')
+});
+
+var replaceSlug = cached(function (path) {
+ return path.replace('#', '?id=')
+});
+
+var cachedLinks = {};
+
+function getAndRemoveConfig (str) {
+ if ( str === void 0 ) str = '';
+
+ var config = {};
+
+ if (str) {
+ str = str
+ .replace(/:([\w-]+)=?([\w-]+)?/g, function (m, key, value) {
+ config[key] = (value && value.replace(/"/g, '')) || true;
+ return ''
+ })
+ .trim();
+ }
+
+ return { str: str, config: config }
+}
+
+var compileMedia = {
+ markdown: function markdown (url) {
+ return {
+ url: url
+ }
+ },
+ iframe: function iframe (url, title) {
+ return {
+ code: ("")
+ }
+ },
+ video: function video (url, title) {
+ return {
+ code: ("")
+ }
+ },
+ audio: function audio (url, title) {
+ return {
+ code: ("")
+ }
+ },
+ code: function code (url, title) {
+ var lang = url.match(/\.(\w+)$/);
+
+ lang = title || (lang && lang[1]);
+ if (lang === 'md') { lang = 'markdown'; }
+
+ return {
+ url: url,
+ lang: lang
+ }
+ }
+};
+
+var Compiler = function Compiler (config, router) {
+ this.config = config;
+ this.router = router;
+ this.cacheTree = {};
+ this.toc = [];
+ this.linkTarget = config.externalLinkTarget || '_blank';
+ this.contentBase = router.getBasePath();
+
+ var renderer = this._initRenderer();
+ var compile;
+ var mdConf = config.markdown || {};
+
+ if (isFn(mdConf)) {
+ compile = mdConf(marked, renderer);
+ } else {
+ marked.setOptions(
+ merge(mdConf, {
+ renderer: merge(renderer, mdConf.renderer)
+ })
+ );
+ compile = marked;
+ }
+
+ this._marked = compile;
+ this.compile = cached(function (text) {
+ var html = '';
+
+ if (!text) { return text }
+
+ if (isPrimitive(text)) {
+ html = compile(text);
+ } else {
+ html = compile.parser(text);
+ }
+
+ html = config.noEmoji ? html : emojify(html);
+ slugify.clear();
+
+ return html
+ });
+};
+
+Compiler.prototype.compileEmbed = function compileEmbed (href, title) {
+ var ref = getAndRemoveConfig(title);
+ var str = ref.str;
+ var config = ref.config;
+ var embed;
+ title = str;
+
+ if (config.include) {
+ if (!isAbsolutePath(href)) {
+ href = getPath(this.contentBase, href);
+ }
+
+ var media;
+ if (config.type && (media = compileMedia[config.type])) {
+ embed = media.call(this, href, title);
+ embed.type = config.type;
+ } else {
+ var type = 'code';
+ if (/\.(md|markdown)/.test(href)) {
+ type = 'markdown';
+ } else if (/\.html?/.test(href)) {
+ type = 'iframe';
+ } else if (/\.(mp4|ogg)/.test(href)) {
+ type = 'video';
+ } else if (/\.mp3/.test(href)) {
+ type = 'audio';
+ }
+ embed = compileMedia[type].call(this, href, title);
+ embed.type = type;
+ }
+
+ return embed
+ }
+};
+
+Compiler.prototype._matchNotCompileLink = function _matchNotCompileLink (link) {
+ var links = this.config.noCompileLinks || [];
+
+ for (var i = 0; i < links.length; i++) {
+ var n = links[i];
+ var re = cachedLinks[n] || (cachedLinks[n] = new RegExp(("^" + n + "$")));
+
+ if (re.test(link)) {
+ return link
+ }
+ }
+};
+
+Compiler.prototype._initRenderer = function _initRenderer () {
+ var renderer = new marked.Renderer();
+ var ref = this;
+ var linkTarget = ref.linkTarget;
+ var router = ref.router;
+ var contentBase = ref.contentBase;
+ var _self = this;
+ var origin = {};
+
+ /**
+ * render anchor tag
+ * @link https://github.com/chjj/marked#overriding-renderer-methods
+ */
+ origin.heading = renderer.heading = function (text, level) {
+ var nextToc = { level: level, title: text };
+
+ if (/{docsify-ignore}/g.test(text)) {
+ text = text.replace('{docsify-ignore}', '');
+ nextToc.title = text;
+ nextToc.ignoreSubHeading = true;
+ }
+
+ if (/{docsify-ignore-all}/g.test(text)) {
+ text = text.replace('{docsify-ignore-all}', '');
+ nextToc.title = text;
+ nextToc.ignoreAllSubs = true;
+ }
+
+ var slug = slugify(text);
+ var url = router.toURL(router.getCurrentPath(), { id: slug });
+ nextToc.slug = url;
+ _self.toc.push(nextToc);
+
+ return ("" + hl + "" + text + "
") + }; + origin.image = renderer.image = function (href, title, text) { + var url = href; + var attrs = ''; + + var ref = getAndRemoveConfig(title); + var str = ref.str; + var config = ref.config; + title = str; + + if (config['no-zoom']) { + attrs += ' data-no-zoom'; + } + + if (title) { + attrs += " title=\"" + title + "\""; + } + + if (!isAbsolutePath(href)) { + url = getPath(contentBase, href); + } + + return ("'+t.slice(5).trim()+"
"}var T,P;function O(e){var t,n=e.loaded,r=e.total,i=e.step;!T&&function(){var e=w("div");e.classList.add("progress"),x(v,e),T=e}(),t=i?(t=parseInt(T.style.width||0,10)+i)>80?80:t:Math.floor(n/r*100),T.style.opacity=1,T.style.width=t>=95?"100%":t+"%",t>=95&&(clearTimeout(P),P=setTimeout(function(e){T.style.opacity=0,T.style.width="0%"},200))}var F={};function M(e,t,n){void 0===t&&(t=!1),void 0===n&&(n={});var r=new XMLHttpRequest,o=function(){r.addEventListener.apply(r,arguments)},a=F[e];if(a)return{then:function(e){return e(a.content,a.opt)},abort:i};r.open("GET",e);for(var s in n)r.setRequestHeader(s,n[s]);return r.send(),{then:function(n,a){if(void 0===a&&(a=i),t){var s=setInterval(function(e){return O({step:Math.floor(5*Math.random()+1)})},500);o("progress",O),o("loadend",function(e){O(e),clearInterval(s)})}o("error",a),o("load",function(t){var i=t.target;if(i.status>=400)a(i);else{var o=F[e]={content:i.response,opt:{updatedAt:r.getResponseHeader("last-modified")}};n(o.content,o.opt)}})},abort:function(e){return 4!==r.readyState&&r.abort()}}}function j(e,t){e.innerHTML=e.innerHTML.replace(/var\(\s*--theme-color.*?\)/g,t)}var N=/([^{]*?)\w(?=\})/g,q={YYYY:"getFullYear",YY:"getYear",MM:function(e){return e.getMonth()+1},DD:"getDate",HH:"getHours",mm:"getMinutes",ss:"getSeconds"};var R="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function H(e,t){return e(t={exports:{}},t.exports),t.exports}var z=H(function(e,t){(function(){var t={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:p,hr:/^( *[-*_]){3,} *(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/,nptable:p,lheading:/^([^\n]+)\n *(=|-){2,} *(?:\n+|$)/,blockquote:/^( *>[^\n]+(\n(?!def)[^\n]+)*\n*)+/,list:/^( *)(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?!\1bull )\n*|\s*$)/,html:/^ *(?:comment *(?:\n|\s*$)|closed *(?:\n{2,}|\s*$)|closing *(?:\n{2,}|\s*$))/,def:/^ *\[([^\]]+)\]: *]+)>?(?: +["(]([^\n]+)[")])? *(?:\n+|$)/,table:p,paragraph:/^((?:[^\n]+\n?(?!hr|heading|lheading|blockquote|tag|def))+)\n*/,text:/^[^\n]+/};t.bullet=/(?:[*+-]|\d+\.)/,t.item=/^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/,t.item=l(t.item,"gm")(/bull/g,t.bullet)(),t.list=l(t.list)(/bull/g,t.bullet)("hr","\\n+(?=\\1?(?:[-*_] *){3,}(?:\\n+|$))")("def","\\n+(?="+t.def.source+")")(),t.blockquote=l(t.blockquote)("def",t.def)(),t._tag="(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:/|[^\\w\\s@]*@)\\b",t.html=l(t.html)("comment",//)("closed",/<(tag)[\s\S]+?<\/\1>/)("closing",/'+(n?e:s(e,!0))+"\n"+(n?e:s(e,!0))+"\n\n"+e+"\n"},o.prototype.html=function(e){return e},o.prototype.heading=function(e,t,n){return"
"+e+"
\n"},o.prototype.table=function(e,t){return""+e+""},o.prototype.br=function(){return this.options.xhtml?""+s(e.message+"",!0)+"";throw e}}g.options=g.setOptions=function(e){return d(g.defaults,e),g},g.defaults={gfm:!0,tables:!0,breaks:!1,pedantic:!1,sanitize:!1,sanitizer:null,mangle:!0,smartLists:!1,silent:!1,highlight:null,langPrefix:"lang-",smartypants:!1,headerPrefix:"",renderer:new o,xhtml:!1,baseUrl:null},g.Parser=a,g.parser=a.parse,g.Renderer=o,g.Lexer=n,g.lexer=n.lex,g.InlineLexer=i,g.inlineLexer=i.output,g.parse=g,e.exports=g}).call(function(){return this||("undefined"!=typeof window?window:R)}())}),I=H(function(e){var t="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},n=function(){var e=/\blang(?:uage)?-(\w+)\b/i,n=0,r=t.Prism={manual:t.Prism&&t.Prism.manual,disableWorkerMessageHandler:t.Prism&&t.Prism.disableWorkerMessageHandler,util:{encode:function(e){return e instanceof i?new i(e.type,r.util.encode(e.content),e.alias):"Array"===r.util.type(e)?e.map(r.util.encode):e.replace(/&/g,"&").replace(/e.length)return;if(!(w instanceof l)){p.lastIndex=0;var x=1;if(!($=p.exec(w))&&f&&y!=t.length-1){if(p.lastIndex=k,!($=p.exec(e)))break;for(var _=$.index+(g?$[1].length:0),S=$.index+$[0].length,C=y,L=k,E=t.length;C
'}var X=decodeURIComponent,Q=encodeURIComponent;function V(e){var t={};return(e=e.trim().replace(/^(\?|#|&)/,""))?(e.split("&").forEach(function(e){var n=e.replace(/\+/g," ").split("=");t[n[0]]=n[1]&&X(n[1])}),t):t}function Z(e,t){void 0===t&&(t=[]);var n=[];for(var r in e)t.indexOf(r)>-1||n.push(e[r]?(Q(r)+"="+Q(e[r])).toLowerCase():Q(r));return n.length?"?"+n.join("&"):""}function J(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return te(e.join("/"))}var K=e(function(e){return/(:|(\/{2}))/g.test(e)}),ee=e(function(e){return/\/$/g.test(e)?e:(e=e.match(/(\S*\/)[^\/]+$/))?e[1]:""}),te=e(function(e){return e.replace(/^\/+/,"/").replace(/([^:])\/{2,}/g,"$1/")}),ne=e(function(e){return e.replace("#","?id=")}),re={};function ie(e){void 0===e&&(e="");var t={};return e&&(e=e.replace(/:([\w-]+)=?([\w-]+)?/g,function(e,n,r){return t[n]=r&&r.replace(/"/g,"")||!0,""}).trim()),{str:e,config:t}}var oe={markdown:function(e){return{url:e}},iframe:function(e,t){return{code:'"}},video:function(e,t){return{code:'"}},audio:function(e,t){return{code:'"}},code:function(e,t){var n=e.match(/\.(\w+)$/);return"md"===(n=t||n&&n[1])&&(n="markdown"),{url:e,lang:n}}},ae=function(t,i){this.config=t,this.router=i,this.cacheTree={},this.toc=[],this.linkTarget=t.externalLinkTarget||"_blank",this.contentBase=i.getBasePath();var a,s=this._initRenderer(),l=t.markdown||{};o(l)?a=l(z,s):(z.setOptions(n(l,{renderer:n(s,l.renderer)})),a=z),this._marked=a,this.compile=e(function(e){var n="";if(!e)return e;n=r(e)?a(e):a.parser(e),n=t.noEmoji?n:(i=n,i.replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g,function(e){return e.replace(/:/g,"__colon__")}).replace(/:(\w+?):/gi,h&&window.emojify||G).replace(/__colon__/g,":"));var i;return W.clear(),n})};ae.prototype.compileEmbed=function(e,t){var n,r=ie(t),i=r.str,o=r.config;if(t=i,o.include){K(e)||(e=J(this.contentBase,e));var a;if(o.type&&(a=oe[o.type]))(n=a.call(this,e,t)).type=o.type;else{var s="code";/\.(md|markdown)/.test(e)?s="markdown":/\.html?/.test(e)?s="iframe":/\.(mp4|ogg)/.test(e)?s="video":/\.mp3/.test(e)&&(s="audio"),(n=oe[s].call(this,e,t)).type=s}return n}},ae.prototype._matchNotCompileLink=function(e){for(var t=this.config.noCompileLinks||[],n=0;n'+I.highlight(e,I.languages[t]||I.languages.markup)+""+e+"
"},o.image=e.image=function(e,t,n){var i=e,o="",a=ie(t);return t=a.str,a.config["no-zoom"]&&(o+=" data-no-zoom"),t&&(o+=' title="'+t+'"'),K(e)||(i=J(r,e)),'
'
+};
+
+}());
diff --git a/lib/plugins/emoji.min.js b/lib/plugins/emoji.min.js
new file mode 100644
index 0000000..41cc6a6
--- /dev/null
+++ b/lib/plugins/emoji.min.js
@@ -0,0 +1 @@
+!function(){var e=["+1","100","1234","8ball","a","ab","abc","abcd","accept","aerial_tramway","airplane","alarm_clock","alien","ambulance","anchor","angel","anger","angry","anguished","ant","apple","aquarius","aries","arrow_backward","arrow_double_down","arrow_double_up","arrow_down","arrow_down_small","arrow_forward","arrow_heading_down","arrow_heading_up","arrow_left","arrow_lower_left","arrow_lower_right","arrow_right","arrow_right_hook","arrow_up","arrow_up_down","arrow_up_small","arrow_upper_left","arrow_upper_right","arrows_clockwise","arrows_counterclockwise","art","articulated_lorry","astonished","athletic_shoe","atm","b","baby","baby_bottle","baby_chick","baby_symbol","back","baggage_claim","balloon","ballot_box_with_check","bamboo","banana","bangbang","bank","bar_chart","barber","baseball","basketball","bath","bathtub","battery","bear","bee","beer","beers","beetle","beginner","bell","bento","bicyclist","bike","bikini","bird","birthday","black_circle","black_joker","black_large_square","black_medium_small_square","black_medium_square","black_nib","black_small_square","black_square_button","blossom","blowfish","blue_book","blue_car","blue_heart","blush","boar","boat","bomb","book","bookmark","bookmark_tabs","books","boom","boot","bouquet","bow","bowling","bowtie","boy","bread","bride_with_veil","bridge_at_night","briefcase","broken_heart","bug","bulb","bullettrain_front","bullettrain_side","bus","busstop","bust_in_silhouette","busts_in_silhouette","cactus","cake","calendar","calling","camel","camera","cancer","candy","capital_abcd","capricorn","car","card_index","carousel_horse","cat","cat2","cd","chart","chart_with_downwards_trend","chart_with_upwards_trend","checkered_flag","cherries","cherry_blossom","chestnut","chicken","children_crossing","chocolate_bar","christmas_tree","church","cinema","circus_tent","city_sunrise","city_sunset","cl","clap","clapper","clipboard","clock1","clock10","clock1030","clock11","clock1130","clock12","clock1230","clock130","clock2","clock230","clock3","clock330","clock4","clock430","clock5","clock530","clock6","clock630","clock7","clock730","clock8","clock830","clock9","clock930","closed_book","closed_lock_with_key","closed_umbrella","cloud","clubs","cn","cocktail","coffee","cold_sweat","collision","computer","confetti_ball","confounded","confused","congratulations","construction","construction_worker","convenience_store","cookie","cool","cop","copyright","corn","couple","couple_with_heart","couplekiss","cow","cow2","credit_card","crescent_moon","crocodile","crossed_flags","crown","cry","crying_cat_face","crystal_ball","cupid","curly_loop","currency_exchange","curry","custard","customs","cyclone","dancer","dancers","dango","dart","dash","date","de","deciduous_tree","department_store","diamond_shape_with_a_dot_inside","diamonds","disappointed","disappointed_relieved","dizzy","dizzy_face","do_not_litter","dog","dog2","dollar","dolls","dolphin","door","doughnut","dragon","dragon_face","dress","dromedary_camel","droplet","dvd","e-mail","ear","ear_of_rice","earth_africa","earth_americas","earth_asia","egg","eggplant","eight","eight_pointed_black_star","eight_spoked_asterisk","electric_plug","elephant","email","end","envelope","envelope_with_arrow","es","euro","european_castle","european_post_office","evergreen_tree","exclamation","expressionless","eyeglasses","eyes","facepunch","factory","fallen_leaf","family","fast_forward","fax","fearful","feelsgood","feet","ferris_wheel","file_folder","finnadie","fire","fire_engine","fireworks","first_quarter_moon","first_quarter_moon_with_face","fish","fish_cake","fishing_pole_and_fish","fist","five","flags","flashlight","flipper","floppy_disk","flower_playing_cards","flushed","foggy","football","footprints","fork_and_knife","fountain","four","four_leaf_clover","fr","free","fried_shrimp","fries","frog","frowning","fu","fuelpump","full_moon","full_moon_with_face","game_die","gb","gem","gemini","ghost","gift","gift_heart","girl","globe_with_meridians","goat","goberserk","godmode","golf","grapes","green_apple","green_book","green_heart","grey_exclamation","grey_question","grimacing","grin","grinning","guardsman","guitar","gun","haircut","hamburger","hammer","hamster","hand","handbag","hankey","hash","hatched_chick","hatching_chick","headphones","hear_no_evil","heart","heart_decoration","heart_eyes","heart_eyes_cat","heartbeat","heartpulse","hearts","heavy_check_mark","heavy_division_sign","heavy_dollar_sign","heavy_exclamation_mark","heavy_minus_sign","heavy_multiplication_x","heavy_plus_sign","helicopter","herb","hibiscus","high_brightness","high_heel","hocho","honey_pot","honeybee","horse","horse_racing","hospital","hotel","hotsprings","hourglass","hourglass_flowing_sand","house","house_with_garden","hurtrealbad","hushed","ice_cream","icecream","id","ideograph_advantage","imp","inbox_tray","incoming_envelope","information_desk_person","information_source","innocent","interrobang","iphone","it","izakaya_lantern","jack_o_lantern","japan","japanese_castle","japanese_goblin","japanese_ogre","jeans","joy","joy_cat","jp","key","keycap_ten","kimono","kiss","kissing","kissing_cat","kissing_closed_eyes","kissing_heart","kissing_smiling_eyes","koala","koko","kr","lantern","large_blue_circle","large_blue_diamond","large_orange_diamond","last_quarter_moon","last_quarter_moon_with_face","laughing","leaves","ledger","left_luggage","left_right_arrow","leftwards_arrow_with_hook","lemon","leo","leopard","libra","light_rail","link","lips","lipstick","lock","lock_with_ink_pen","lollipop","loop","loud_sound","loudspeaker","love_hotel","love_letter","low_brightness","m","mag","mag_right","mahjong","mailbox","mailbox_closed","mailbox_with_mail","mailbox_with_no_mail","man","man_with_gua_pi_mao","man_with_turban","mans_shoe","maple_leaf","mask","massage","meat_on_bone","mega","melon","memo","mens","metal","metro","microphone","microscope","milky_way","minibus","minidisc","mobile_phone_off","money_with_wings","moneybag","monkey","monkey_face","monorail","moon","mortar_board","mount_fuji","mountain_bicyclist","mountain_cableway","mountain_railway","mouse","mouse2","movie_camera","moyai","muscle","mushroom","musical_keyboard","musical_note","musical_score","mute","nail_care","name_badge","neckbeard","necktie","negative_squared_cross_mark","neutral_face","new","new_moon","new_moon_with_face","newspaper","ng","night_with_stars","nine","no_bell","no_bicycles","no_entry","no_entry_sign","no_good","no_mobile_phones","no_mouth","no_pedestrians","no_smoking","non-potable_water","nose","notebook","notebook_with_decorative_cover","notes","nut_and_bolt","o","o2","ocean","octocat","octopus","oden","office","ok","ok_hand","ok_woman","older_man","older_woman","on","oncoming_automobile","oncoming_bus","oncoming_police_car","oncoming_taxi","one","open_book","open_file_folder","open_hands","open_mouth","ophiuchus","orange_book","outbox_tray","ox","package","page_facing_up","page_with_curl","pager","palm_tree","panda_face","paperclip","parking","part_alternation_mark","partly_sunny","passport_control","paw_prints","peach","pear","pencil","pencil2","penguin","pensive","performing_arts","persevere","person_frowning","person_with_blond_hair","person_with_pouting_face","phone","pig","pig2","pig_nose","pill","pineapple","pisces","pizza","point_down","point_left","point_right","point_up","point_up_2","police_car","poodle","poop","post_office","postal_horn","postbox","potable_water","pouch","poultry_leg","pound","pouting_cat","pray","princess","punch","purple_heart","purse","pushpin","put_litter_in_its_place","question","rabbit","rabbit2","racehorse","radio","radio_button","rage","rage1","rage2","rage3","rage4","railway_car","rainbow","raised_hand","raised_hands","raising_hand","ram","ramen","rat","recycle","red_car","red_circle","registered","relaxed","relieved","repeat","repeat_one","restroom","revolving_hearts","rewind","ribbon","rice","rice_ball","rice_cracker","rice_scene","ring","rocket","roller_coaster","rooster","rose","rotating_light","round_pushpin","rowboat","ru","rugby_football","runner","running","running_shirt_with_sash","sa","sagittarius","sailboat","sake","sandal","santa","satellite","satisfied","saxophone","school","school_satchel","scissors","scorpius","scream","scream_cat","scroll","seat","secret","see_no_evil","seedling","seven","shaved_ice","sheep","shell","ship","shipit","shirt","shit","shoe","shower","signal_strength","six","six_pointed_star","ski","skull","sleeping","sleepy","slot_machine","small_blue_diamond","small_orange_diamond","small_red_triangle","small_red_triangle_down","smile","smile_cat","smiley","smiley_cat","smiling_imp","smirk","smirk_cat","smoking","snail","snake","snowboarder","snowflake","snowman","sob","soccer","soon","sos","sound","space_invader","spades","spaghetti","sparkle","sparkler","sparkles","sparkling_heart","speak_no_evil","speaker","speech_balloon","speedboat","squirrel","star","star2","stars","station","statue_of_liberty","steam_locomotive","stew","straight_ruler","strawberry","stuck_out_tongue","stuck_out_tongue_closed_eyes","stuck_out_tongue_winking_eye","sun_with_face","sunflower","sunglasses","sunny","sunrise","sunrise_over_mountains","surfer","sushi","suspect","suspension_railway","sweat","sweat_drops","sweat_smile","sweet_potato","swimmer","symbols","syringe","tada","tanabata_tree","tangerine","taurus","taxi","tea","telephone","telephone_receiver","telescope","tennis","tent","thought_balloon","three","thumbsdown","thumbsup","ticket","tiger","tiger2","tired_face","tm","toilet","tokyo_tower","tomato","tongue","top","tophat","tractor","traffic_light","train","train2","tram","triangular_flag_on_post","triangular_ruler","trident","triumph","trolleybus","trollface","trophy","tropical_drink","tropical_fish","truck","trumpet","tshirt","tulip","turtle","tv","twisted_rightwards_arrows","two","two_hearts","two_men_holding_hands","two_women_holding_hands","u5272","u5408","u55b6","u6307","u6708","u6709","u6e80","u7121","u7533","u7981","u7a7a","uk","umbrella","unamused","underage","unlock","up","us","v","vertical_traffic_light","vhs","vibration_mode","video_camera","video_game","violin","virgo","volcano","vs","walking","waning_crescent_moon","waning_gibbous_moon","warning","watch","water_buffalo","watermelon","wave","wavy_dash","waxing_crescent_moon","waxing_gibbous_moon","wc","weary","wedding","whale","whale2","wheelchair","white_check_mark","white_circle","white_flower","white_large_square","white_medium_small_square","white_medium_square","white_small_square","white_square_button","wind_chime","wine_glass","wink","wolf","woman","womans_clothes","womans_hat","womens","worried","wrench","x","yellow_heart","yen","yum","zap","zero","zzz"];window.emojify=function(a,o){return-1===e.indexOf(o)?a:'
'}}();
diff --git a/lib/plugins/external-script.js b/lib/plugins/external-script.js
new file mode 100644
index 0000000..771eee4
--- /dev/null
+++ b/lib/plugins/external-script.js
@@ -0,0 +1,28 @@
+(function () {
+function handleExternalScript () {
+ var container = Docsify.dom.getNode('#main');
+ var scripts = Docsify.dom.findAll(container, 'script');
+
+ for (var i = scripts.length; i--;) {
+ var script = scripts[i];
+
+ if (script && script.src) {
+ var newScript = document.createElement('script');
+
+ Array.prototype.slice.call(script.attributes).forEach(function (attribute) {
+ newScript[attribute.name] = attribute.value;
+ });
+
+ script.parentNode.insertBefore(newScript, script);
+ script.parentNode.removeChild(script);
+ }
+ }
+}
+
+var install = function (hook) {
+ hook.doneEach(handleExternalScript);
+};
+
+window.$docsify.plugins = [].concat(install, window.$docsify.plugins);
+
+}());
diff --git a/lib/plugins/external-script.min.js b/lib/plugins/external-script.min.js
new file mode 100644
index 0000000..13423c4
--- /dev/null
+++ b/lib/plugins/external-script.min.js
@@ -0,0 +1 @@
+!function(){function o(){for(var o=Docsify.dom.getNode("#main"),e=Docsify.dom.findAll(o,"script"),n=e.length;n--;){var i=e[n];if(i&&i.src){var t=document.createElement("script");Array.prototype.slice.call(i.attributes).forEach(function(o){t[o.name]=o.value}),i.parentNode.insertBefore(t,i),i.parentNode.removeChild(i)}}}window.$docsify.plugins=[].concat(function(e){e.doneEach(o)},window.$docsify.plugins)}();
diff --git a/lib/plugins/front-matter.js b/lib/plugins/front-matter.js
new file mode 100644
index 0000000..fbdae0a
--- /dev/null
+++ b/lib/plugins/front-matter.js
@@ -0,0 +1,496 @@
+(function () {
+/**
+ * Fork https://github.com/egoist/docute/blob/master/src/utils/yaml.js
+ */
+/* eslint-disable */
+/*
+YAML parser for Javascript
+Author: Diogo Costa
+This program is released under the MIT License as follows:
+Copyright (c) 2011 Diogo Costa (costa.h4evr@gmail.com)
+Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in
+ all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ THE SOFTWARE.
+*/
+
+/**
+ * @name YAML
+ * @namespace
+*/
+
+var errors = [];
+var reference_blocks = [];
+var processing_time = 0;
+var regex$1 = {
+ regLevel: new RegExp('^([\\s\\-]+)'),
+ invalidLine: new RegExp('^\\-\\-\\-|^\\.\\.\\.|^\\s*#.*|^\\s*$'),
+ dashesString: new RegExp('^\\s*\\"([^\\"]*)\\"\\s*$'),
+ quotesString: new RegExp("^\\s*\\'([^\\']*)\\'\\s*$"),
+ float: new RegExp('^[+-]?[0-9]+\\.[0-9]+(e[+-]?[0-9]+(\\.[0-9]+)?)?$'),
+ integer: new RegExp('^[+-]?[0-9]+$'),
+ array: new RegExp('\\[\\s*(.*)\\s*\\]'),
+ map: new RegExp('\\{\\s*(.*)\\s*\\}'),
+ key_value: new RegExp('([a-z0-9_-][ a-z0-9_-]*):( .+)', 'i'),
+ single_key_value: new RegExp('^([a-z0-9_-][ a-z0-9_-]*):( .+?)$', 'i'),
+ key: new RegExp('([a-z0-9_-][ a-z0-9_-]+):( .+)?', 'i'),
+ item: new RegExp('^-\\s+'),
+ trim: new RegExp('^\\s+|\\s+$'),
+ comment: new RegExp('([^\\\'\\"#]+([\\\'\\"][^\\\'\\"]*[\\\'\\"])*)*(#.*)?')
+ };
+
+/**
+ * @class A block of lines of a given level.
+ * @param {int} lvl The block's level.
+ * @private
+ */
+function Block(lvl) {
+ return {
+ /* The block's parent */
+ parent: null,
+ /* Number of children */
+ length: 0,
+ /* Block's level */
+ level: lvl,
+ /* Lines of code to process */
+ lines: [],
+ /* Blocks with greater level */
+ children: [],
+ /* Add a block to the children collection */
+ addChild: function(obj) {
+ this.children.push(obj);
+ obj.parent = this;
+ ++this.length;
+ }
+ }
+}
+
+function parser$1(str) {
+ var regLevel = regex$1['regLevel'];
+ var invalidLine = regex$1['invalidLine'];
+ var lines = str.split('\n');
+ var m;
+ var level = 0,
+ curLevel = 0;
+
+ var blocks = [];
+
+ var result = new Block(-1);
+ var currentBlock = new Block(0);
+ result.addChild(currentBlock);
+ var levels = [];
+ var line = '';
+
+ blocks.push(currentBlock);
+ levels.push(level);
+
+ for (var i = 0, len = lines.length; i < len; ++i) {
+ line = lines[i];
+
+ if (line.match(invalidLine)) {
+ continue
+ }
+
+ if ((m = regLevel.exec(line))) {
+ level = m[1].length;
+ } else { level = 0; }
+
+ if (level > curLevel) {
+ var oldBlock = currentBlock;
+ currentBlock = new Block(level);
+ oldBlock.addChild(currentBlock);
+ blocks.push(currentBlock);
+ levels.push(level);
+ } else if (level < curLevel) {
+ var added = false;
+
+ var k = levels.length - 1;
+ for (; k >= 0; --k) {
+ if (levels[k] == level) {
+ currentBlock = new Block(level);
+ blocks.push(currentBlock);
+ levels.push(level);
+ if (blocks[k].parent != null) { blocks[k].parent.addChild(currentBlock); }
+ added = true;
+ break
+ }
+ }
+
+ if (!added) {
+ errors.push('Error: Invalid indentation at line ' + i + ': ' + line);
+ return
+ }
+ }
+
+ currentBlock.lines.push(line.replace(regex$1['trim'], ''));
+ curLevel = level;
+ }
+
+ return result
+}
+
+function processValue(val) {
+ val = val.replace(regex$1['trim'], '');
+ var m = null;
+
+ if (val == 'true') {
+ return true
+ } else if (val == 'false') {
+ return false
+ } else if (val == '.NaN') {
+ return Number.NaN
+ } else if (val == 'null') {
+ return null
+ } else if (val == '.inf') {
+ return Number.POSITIVE_INFINITY
+ } else if (val == '-.inf') {
+ return Number.NEGATIVE_INFINITY
+ } else if ((m = val.match(regex$1['dashesString']))) {
+ return m[1]
+ } else if ((m = val.match(regex$1['quotesString']))) {
+ return m[1]
+ } else if ((m = val.match(regex$1['float']))) {
+ return parseFloat(m[0])
+ } else if ((m = val.match(regex$1['integer']))) {
+ return parseInt(m[0])
+ } else if (!isNaN((m = Date.parse(val)))) {
+ return new Date(m)
+ } else if ((m = val.match(regex$1['single_key_value']))) {
+ var res = {};
+ res[m[1]] = processValue(m[2]);
+ return res
+ } else if ((m = val.match(regex$1['array']))) {
+ var count = 0,
+ c = ' ';
+ var res = [];
+ var content = '';
+ var str = false;
+ for (var j = 0, lenJ = m[1].length; j < lenJ; ++j) {
+ c = m[1][j];
+ if (c == "'" || c == '"') {
+ if (str === false) {
+ str = c;
+ content += c;
+ continue
+ } else if ((c == "'" && str == "'") || (c == '"' && str == '"')) {
+ str = false;
+ content += c;
+ continue
+ }
+ } else if (str === false && (c == '[' || c == '{')) {
+ ++count;
+ } else if (str === false && (c == ']' || c == '}')) {
+ --count;
+ } else if (str === false && count == 0 && c == ',') {
+ res.push(processValue(content));
+ content = '';
+ continue
+ }
+
+ content += c;
+ }
+
+ if (content.length > 0) { res.push(processValue(content)); }
+ return res
+ } else if ((m = val.match(regex$1['map']))) {
+ var count = 0,
+ c = ' ';
+ var res = [];
+ var content = '';
+ var str = false;
+ for (var j = 0, lenJ = m[1].length; j < lenJ; ++j) {
+ c = m[1][j];
+ if (c == "'" || c == '"') {
+ if (str === false) {
+ str = c;
+ content += c;
+ continue
+ } else if ((c == "'" && str == "'") || (c == '"' && str == '"')) {
+ str = false;
+ content += c;
+ continue
+ }
+ } else if (str === false && (c == '[' || c == '{')) {
+ ++count;
+ } else if (str === false && (c == ']' || c == '}')) {
+ --count;
+ } else if (str === false && count == 0 && c == ',') {
+ res.push(content);
+ content = '';
+ continue
+ }
+
+ content += c;
+ }
+
+ if (content.length > 0) { res.push(content); }
+
+ var newRes = {};
+ for (var j = 0, lenJ = res.length; j < lenJ; ++j) {
+ if ((m = res[j].match(regex$1['key_value']))) {
+ newRes[m[1]] = processValue(m[2]);
+ }
+ }
+
+ return newRes
+ } else { return val }
+}
+
+function processFoldedBlock(block) {
+ var lines = block.lines;
+ var children = block.children;
+ var str = lines.join(' ');
+ var chunks = [str];
+ for (var i = 0, len = children.length; i < len; ++i) {
+ chunks.push(processFoldedBlock(children[i]));
+ }
+ return chunks.join('\n')
+}
+
+function processLiteralBlock(block) {
+ var lines = block.lines;
+ var children = block.children;
+ var str = lines.join('\n');
+ for (var i = 0, len = children.length; i < len; ++i) {
+ str += processLiteralBlock(children[i]);
+ }
+ return str
+}
+
+function processBlock(blocks) {
+ var m = null;
+ var res = {};
+ var lines = null;
+ var children = null;
+ var currentObj = null;
+
+ var level = -1;
+
+ var processedBlocks = [];
+
+ var isMap = true;
+
+ for (var j = 0, lenJ = blocks.length; j < lenJ; ++j) {
+ if (level != -1 && level != blocks[j].level) { continue }
+
+ processedBlocks.push(j);
+
+ level = blocks[j].level;
+ lines = blocks[j].lines;
+ children = blocks[j].children;
+ currentObj = null;
+
+ for (var i = 0, len = lines.length; i < len; ++i) {
+ var line = lines[i];
+
+ if ((m = line.match(regex$1['key']))) {
+ var key = m[1];
+
+ if (key[0] == '-') {
+ key = key.replace(regex$1['item'], '');
+ if (isMap) {
+ isMap = false;
+ if (typeof res.length === 'undefined') {
+ res = [];
+ }
+ }
+ if (currentObj != null) { res.push(currentObj); }
+ currentObj = {};
+ isMap = true;
+ }
+
+ if (typeof m[2] != 'undefined') {
+ var value = m[2].replace(regex$1['trim'], '');
+ if (value[0] == '&') {
+ var nb = processBlock(children);
+ if (currentObj != null) { currentObj[key] = nb; }
+ else { res[key] = nb; }
+ reference_blocks[value.substr(1)] = nb;
+ } else if (value[0] == '|') {
+ if (currentObj != null)
+ { currentObj[key] = processLiteralBlock(children.shift()); }
+ else { res[key] = processLiteralBlock(children.shift()); }
+ } else if (value[0] == '*') {
+ var v = value.substr(1);
+ var no = {};
+
+ if (typeof reference_blocks[v] == 'undefined') {
+ errors.push("Reference '" + v + "' not found!");
+ } else {
+ for (var k in reference_blocks[v]) {
+ no[k] = reference_blocks[v][k];
+ }
+
+ if (currentObj != null) { currentObj[key] = no; }
+ else { res[key] = no; }
+ }
+ } else if (value[0] == '>') {
+ if (currentObj != null)
+ { currentObj[key] = processFoldedBlock(children.shift()); }
+ else { res[key] = processFoldedBlock(children.shift()); }
+ } else {
+ if (currentObj != null) { currentObj[key] = processValue(value); }
+ else { res[key] = processValue(value); }
+ }
+ } else {
+ if (currentObj != null) { currentObj[key] = processBlock(children); }
+ else { res[key] = processBlock(children); }
+ }
+ } else if (line.match(/^-\s*$/)) {
+ if (isMap) {
+ isMap = false;
+ if (typeof res.length === 'undefined') {
+ res = [];
+ }
+ }
+ if (currentObj != null) { res.push(currentObj); }
+ currentObj = {};
+ isMap = true;
+ continue
+ } else if ((m = line.match(/^-\s*(.*)/))) {
+ if (currentObj != null) { currentObj.push(processValue(m[1])); }
+ else {
+ if (isMap) {
+ isMap = false;
+ if (typeof res.length === 'undefined') {
+ res = [];
+ }
+ }
+ res.push(processValue(m[1]));
+ }
+ continue
+ }
+ }
+
+ if (currentObj != null) {
+ if (isMap) {
+ isMap = false;
+ if (typeof res.length === 'undefined') {
+ res = [];
+ }
+ }
+ res.push(currentObj);
+ }
+ }
+
+ for (var j = processedBlocks.length - 1; j >= 0; --j) {
+ blocks.splice.call(blocks, processedBlocks[j], 1);
+ }
+
+ return res
+}
+
+function semanticAnalysis(blocks) {
+ var res = processBlock(blocks.children);
+ return res
+}
+
+function preProcess(src) {
+ var m;
+ var lines = src.split('\n');
+
+ var r = regex$1['comment'];
+
+ for (var i in lines) {
+ if ((m = lines[i].match(r))) {
+ /* var cmt = "";
+ if(typeof m[3] != "undefined")
+ lines[i] = m[1];
+ else if(typeof m[3] != "undefined")
+ lines[i] = m[3];
+ else
+ lines[i] = "";
+ */
+ if (typeof m[3] !== 'undefined') {
+ lines[i] = m[0].substr(0, m[0].length - m[3].length);
+ }
+ }
+ }
+
+ return lines.join('\n')
+}
+
+function load(str) {
+ errors = [];
+ reference_blocks = [];
+ processing_time = new Date().getTime();
+ var pre = preProcess(str);
+ var doc = parser$1(pre);
+ var res = semanticAnalysis(doc);
+ processing_time = new Date().getTime() - processing_time;
+
+ return res
+}
+
+/**
+ * Fork https://github.com/egoist/docute/blob/master/src/utils/front-matter.js
+ */
+/* eslint-disable */
+var optionalByteOrderMark = '\\ufeff?';
+var pattern =
+ '^(' +
+ optionalByteOrderMark +
+ '(= yaml =|---)' +
+ '$([\\s\\S]*?)' +
+ '(?:\\2|\\.\\.\\.)' +
+ '$' +
+ '' +
+ '(?:\\n)?)';
+// NOTE: If this pattern uses the 'g' flag the `regex` variable definition will
+// need to be moved down into the functions that use it.
+var regex = new RegExp(pattern, 'm');
+
+function extractor(string) {
+ string = string || '';
+
+ var lines = string.split(/(\r?\n)/);
+ if (lines[0] && /= yaml =|---/.test(lines[0])) {
+ return parse(string)
+ } else {
+ return { attributes: {}, body: string }
+ }
+}
+
+function parse(string) {
+ var match = regex.exec(string);
+
+ if (!match) {
+ return {
+ attributes: {},
+ body: string
+ }
+ }
+
+ var yaml = match[match.length - 1].replace(/^\s+|\s+$/g, '');
+ var attributes = load(yaml) || {};
+ var body = string.replace(match[0], '');
+
+ return { attributes: attributes, body: body, frontmatter: yaml }
+}
+
+var install = function (hook, vm) {
+ hook.beforeEach(function (content) {
+ var ref = extractor(content);
+ var attributes = ref.attributes;
+ var body = ref.body;
+
+ Docsify.util.merge(vm.config, attributes.config);
+
+ return body
+ });
+};
+
+$docsify.plugins = [].concat(install, $docsify.plugins);
+
+}());
diff --git a/lib/plugins/front-matter.min.js b/lib/plugins/front-matter.min.js
new file mode 100644
index 0000000..ad16c8d
--- /dev/null
+++ b/lib/plugins/front-matter.min.js
@@ -0,0 +1 @@
+!function(){var e=[],n=[],t=0,r={regLevel:new RegExp("^([\\s\\-]+)"),invalidLine:new RegExp("^\\-\\-\\-|^\\.\\.\\.|^\\s*#.*|^\\s*$"),dashesString:new RegExp('^\\s*\\"([^\\"]*)\\"\\s*$'),quotesString:new RegExp("^\\s*\\'([^\\']*)\\'\\s*$"),float:new RegExp("^[+-]?[0-9]+\\.[0-9]+(e[+-]?[0-9]+(\\.[0-9]+)?)?$"),integer:new RegExp("^[+-]?[0-9]+$"),array:new RegExp("\\[\\s*(.*)\\s*\\]"),map:new RegExp("\\{\\s*(.*)\\s*\\}"),key_value:new RegExp("([a-z0-9_-][ a-z0-9_-]*):( .+)","i"),single_key_value:new RegExp("^([a-z0-9_-][ a-z0-9_-]*):( .+?)$","i"),key:new RegExp("([a-z0-9_-][ a-z0-9_-]+):( .+)?","i"),item:new RegExp("^-\\s+"),trim:new RegExp("^\\s+|\\s+$"),comment:new RegExp("([^\\'\\\"#]+([\\'\\\"][^\\'\\\"]*[\\'\\\"])*)*(#.*)?")};function i(e){return{parent:null,length:0,level:e,lines:[],children:[],addChild:function(e){this.children.push(e),e.parent=this,++this.length}}}function l(e){var n=null;if("true"==(e=e.replace(r.trim,"")))return!0;if("false"==e)return!1;if(".NaN"==e)return Number.NaN;if("null"==e)return null;if(".inf"==e)return Number.POSITIVE_INFINITY;if("-.inf"==e)return Number.NEGATIVE_INFINITY;if(n=e.match(r.dashesString))return n[1];if(n=e.match(r.quotesString))return n[1];if(n=e.match(r.float))return parseFloat(n[0]);if(n=e.match(r.integer))return parseInt(n[0]);if(isNaN(n=Date.parse(e))){if(n=e.match(r.single_key_value)){return(u={})[n[1]]=l(n[2]),u}if(n=e.match(r.array)){for(var t=0,i=" ",u=[],a="",s=!1,f=0,h=n[1].length;f" + NO_DATA_TEXT + "
"); +} + +function bindEvents () { + var $search = Docsify.dom.find('div.search'); + var $input = Docsify.dom.find($search, 'input'); + var $inputWrap = Docsify.dom.find($search, '.input-wrap'); + + var timeId; + // Prevent to Fold sidebar + Docsify.dom.on( + $search, + 'click', + function (e) { return e.target.tagName !== 'A' && e.stopPropagation(); } + ); + Docsify.dom.on($input, 'input', function (e) { + clearTimeout(timeId); + timeId = setTimeout(function (_) { return doSearch(e.target.value.trim()); }, 100); + }); + Docsify.dom.on($inputWrap, 'click', function (e) { + // click input outside + if (e.target.tagName !== 'INPUT') { + $input.value = ''; + doSearch(); + } + }); +} + +function updatePlaceholder (text, path) { + var $input = Docsify.dom.getNode('.search input[type="search"]'); + + if (!$input) { return } + if (typeof text === 'string') { + $input.placeholder = text; + } else { + var match = Object.keys(text).filter(function (key) { return path.indexOf(key) > -1; })[0]; + $input.placeholder = text[match]; + } +} + +function updateNoData (text, path) { + if (typeof text === 'string') { + NO_DATA_TEXT = text; + } else { + var match = Object.keys(text).filter(function (key) { return path.indexOf(key) > -1; })[0]; + NO_DATA_TEXT = text[match]; + } +} + +function init (opts, vm) { + var keywords = vm.router.parse().query.s; + + style(); + tpl(opts, keywords); + bindEvents(); + keywords && setTimeout(function (_) { return doSearch(keywords); }, 500); +} + +function update (opts, vm) { + updatePlaceholder(opts.placeholder, vm.route.path); + updateNoData(opts.noData, vm.route.path); +} + +var CONFIG = { + placeholder: 'Type to search', + noData: 'No Results!', + paths: 'auto', + depth: 2, + maxAge: 86400000 // 1 day +}; + +var install = function (hook, vm) { + var util = Docsify.util; + var opts = vm.config.search || CONFIG; + + if (Array.isArray(opts)) { + CONFIG.paths = opts; + } else if (typeof opts === 'object') { + CONFIG.paths = Array.isArray(opts.paths) ? opts.paths : 'auto'; + CONFIG.maxAge = util.isPrimitive(opts.maxAge) ? opts.maxAge : CONFIG.maxAge; + CONFIG.placeholder = opts.placeholder || CONFIG.placeholder; + CONFIG.noData = opts.noData || CONFIG.noData; + CONFIG.depth = opts.depth || CONFIG.depth; + } + + var isAuto = CONFIG.paths === 'auto'; + + hook.mounted(function (_) { + init(CONFIG, vm); + !isAuto && init$1(CONFIG, vm); + }); + hook.doneEach(function (_) { + update(CONFIG, vm); + isAuto && init$1(CONFIG, vm); + }); +}; + +$docsify.plugins = [].concat(install, $docsify.plugins); + +}()); diff --git a/lib/plugins/search.min.js b/lib/plugins/search.min.js new file mode 100644 index 0000000..f173276 --- /dev/null +++ b/lib/plugins/search.min.js @@ -0,0 +1 @@ +!function(){var n,e={};function t(n){var e={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"};return String(n).replace(/[&<>"'\/]/g,function(n){return e[n]})}function o(t,o){n=Docsify;var a="auto"===t.paths,i=localStorage.getItem("docsify.search.expires")"+n.content+"
\n'+a+"
"}function r(n,e){var t=e.router.parse().query.s;Docsify.dom.style("\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 .input-wrap {\n display: flex;\n align-items: center;\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: 0 7px;\n line-height: 36px;\n font-size: 14px;\n}\n\n.search input::-webkit-search-decoration,\n.search input::-webkit-search-cancel-button,\n.search input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.search .clear-button {\n width: 36px;\n text-align: right;\n display: none;\n}\n\n.search .clear-button.show {\n display: block;\n}\n\n.search .clear-button svg {\n transform: scale(.5);\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}"),function(n,e){void 0===e&&(e="");var t='${text}
` + return helperTpl('warn', text) } - return result + return `${text}
` } origin.image = renderer.image = function (href, title, text) { let url = href let attrs = '' - const {str, config} = getAndRemoveConfig(title) + const { str, config } = getAndRemoveConfig(title) title = str if (config['no-zoom']) { @@ -286,38 +244,23 @@ export class Compiler { attrs += ` title="${title}"` } - const size = config.size - if (size) { - const sizes = size.split('x') - if (sizes[1]) { - attrs += 'width=' + sizes[0] + ' height=' + sizes[1] - } else { - attrs += 'width=' + sizes[0] - } - } - if (!isAbsolutePath(href)) { - url = getPath(contentBase, getParentPath(router.getCurrentPath()), href) + url = getPath(contentBase, href) } return `
'
+function replace (m, $1) {
+ return ''
}
-export function emojify(text) {
+export function emojify (text) {
return text
.replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g, m => m.replace(/:/g, '__colon__'))
.replace(/:(\w+?):/ig, (inBrowser && window.emojify) || replace)
diff --git a/src/core/render/gen-tree.js b/src/core/render/gen-tree.js
index 81ba4bd..d3f6fa2 100644
--- a/src/core/render/gen-tree.js
+++ b/src/core/render/gen-tree.js
@@ -1,11 +1,11 @@
/**
- * Gen toc tree
+ * gen toc tree
* @link https://github.com/killercup/grock/blob/5280ae63e16c5739e9233d9009bc235ed7d79a50/styles/solarized/assets/js/behavior.coffee#L54-L81
* @param {Array} toc
* @param {Number} maxLevel
* @return {Array}
*/
-export function genTree(toc, maxLevel) {
+export function genTree (toc, maxLevel) {
const headlines = []
const last = {}
@@ -13,9 +13,7 @@ export function genTree(toc, maxLevel) {
const level = headline.level || 1
const len = level - 1
- if (level > maxLevel) {
- return
- }
+ if (level > maxLevel) return
if (last[len]) {
last[len].children = (last[len].children || []).concat(headline)
} else {
diff --git a/src/core/render/index.js b/src/core/render/index.js
index fae1bc5..2984af1 100644
--- a/src/core/render/index.js
+++ b/src/core/render/index.js
@@ -2,53 +2,48 @@ import * as dom from '../util/dom'
import * as tpl from './tpl'
import cssVars from '../util/polyfill/css-vars'
import tinydate from 'tinydate'
-import {callHook} from '../init/lifecycle'
-import {Compiler} from './compiler'
-import {getAndActive, sticky} from '../event/sidebar'
-import {getPath, isAbsolutePath} from '../router/util'
-import {isMobile, inBrowser} from '../util/env'
-import {isPrimitive} from '../util/core'
-import {scrollActiveSidebar, scroll2Top} from '../event/scroll'
-import {prerenderEmbed} from './embed'
+import { callHook } from '../init/lifecycle'
+import { Compiler } from './compiler'
+import { getAndActive, sticky } from '../event/sidebar'
+import { getPath, isAbsolutePath } from '../router/util'
+import { isMobile, inBrowser } from '../util/env'
+import { isPrimitive } from '../util/core'
+import { scrollActiveSidebar, scroll2Top } from '../event/scroll'
+import { prerenderEmbed } from './embed'
-function executeScript() {
+function executeScript () {
const script = dom
.findAll('.markdown-section>script')
.filter(s => !/template/.test(s.type))[0]
- if (!script) {
- return false
- }
+ if (!script) return false
const code = script.innerText.trim()
- if (!code) {
- return false
- }
+ if (!code) return false
setTimeout(_ => {
window.__EXECUTE_RESULT__ = new Function(code)()
}, 0)
}
-function formatUpdated(html, updated, fn) {
+function formatUpdated (html, updated, fn) {
updated =
- typeof fn === 'function' ?
- fn(updated) :
- typeof fn === 'string' ?
- tinydate(fn)(new Date(updated)) :
- updated
+ typeof fn === 'function'
+ ? fn(updated)
+ : typeof fn === 'string' ? tinydate(fn)(new Date(updated)) : updated
return html.replace(/{docsify-updated}/g, updated)
}
-function renderMain(html) {
+function renderMain (html) {
if (!html) {
- html = '${content.slice(5).trim()}
` } -export function theme(color) { +export function theme (color) { return `` } diff --git a/src/core/router/history/abstract.js b/src/core/router/history/abstract.js index 2c0bd95..0846f2b 100644 --- a/src/core/router/history/abstract.js +++ b/src/core/router/history/abstract.js @@ -1,13 +1,13 @@ -import {History} from './base' -import {parseQuery} from '../util' +import { History } from './base' +import { parseQuery } from '../util' export class AbstractHistory extends History { - constructor(config) { + constructor (config) { super(config) this.mode = 'abstract' } - parse(path) { + parse (path) { let query = '' const queryIndex = path.indexOf('?') diff --git a/src/core/router/history/base.js b/src/core/router/history/base.js index 7ea763d..e3e1122 100644 --- a/src/core/router/history/base.js +++ b/src/core/router/history/base.js @@ -3,43 +3,42 @@ import { isAbsolutePath, stringifyQuery, cleanPath, - replaceSlug, - resolvePath + replaceSlug } from '../util' -import {noop, merge} from '../../util/core' +import { noop, merge } from '../../util/core' const cached = {} -function getAlias(path, alias, last) { +function getAlias (path, alias, last) { const match = Object.keys(alias).filter(key => { const re = cached[key] || (cached[key] = new RegExp(`^${key}$`)) return re.test(path) && path !== last })[0] - return match ? - getAlias(path.replace(cached[match], alias[match]), alias, path) : - path + return match + ? getAlias(path.replace(cached[match], alias[match]), alias, path) + : path } -function getFileName(path, ext) { - return new RegExp(`\\.(${ext.replace(/^\./, '')}|html)$`, 'g').test(path) ? - path : - /\/$/g.test(path) ? `${path}README${ext}` : `${path}${ext}` +function getFileName (path, ext) { + return new RegExp(`\\.(${ext.replace(/^\./, '')}|html)$`, 'g').test(path) + ? path + : /\/$/g.test(path) ? `${path}README${ext}` : `${path}${ext}` } export class History { - constructor(config) { + constructor (config) { this.config = config } - getBasePath() { + getBasePath () { return this.config.basePath } - getFile(path = this.getCurrentPath(), isRelative) { - const {config} = this + getFile (path = this.getCurrentPath(), isRelative) { + const { config } = this const base = this.getBasePath() - const ext = typeof config.ext === 'string' ? config.ext : '.md' + const ext = typeof config.ext !== 'string' ? '.md' : config.ext path = config.alias ? getAlias(path, config.alias) : path path = getFileName(path, ext) @@ -53,17 +52,17 @@ export class History { return path } - onchange(cb = noop) { + onchange (cb = noop) { cb() } - getCurrentPath() {} + getCurrentPath () {} - normalize() {} + normalize () {} - parse() {} + parse () {} - toURL(path, params, currentRoute) { + toURL (path, params, currentRoute) { const local = currentRoute && path[0] === '#' const route = this.parse(replaceSlug(path)) @@ -74,13 +73,9 @@ export class History { if (local) { const idIndex = currentRoute.indexOf('?') path = - (idIndex > 0 ? currentRoute.substring(0, idIndex) : currentRoute) + path + (idIndex > 0 ? currentRoute.substr(0, idIndex) : currentRoute) + path } - if (this.config.relativePath && path.indexOf('/') !== 0) { - const currentDir = currentRoute.substring(0, currentRoute.lastIndexOf('/') + 1) - return cleanPath(resolvePath(currentDir + path)) - } return cleanPath('/' + path) } } diff --git a/src/core/router/history/hash.js b/src/core/router/history/hash.js index 2674d5d..04280c9 100644 --- a/src/core/router/history/hash.js +++ b/src/core/router/history/hash.js @@ -1,27 +1,27 @@ -import {History} from './base' -import {noop} from '../../util/core' -import {on} from '../../util/dom' -import {parseQuery, cleanPath, replaceSlug} from '../util' +import { History } from './base' +import { noop } from '../../util/core' +import { on } from '../../util/dom' +import { parseQuery, cleanPath, replaceSlug } from '../util' -function replaceHash(path) { +function replaceHash (path) { const i = location.href.indexOf('#') location.replace(location.href.slice(0, i >= 0 ? i : 0) + '#' + path) } export class HashHistory extends History { - constructor(config) { + constructor (config) { super(config) this.mode = 'hash' } - getBasePath() { + getBasePath () { const path = window.location.pathname || '' const base = this.config.basePath return /^(\/|https?:)/g.test(base) ? base : cleanPath(path + '/' + base) } - getCurrentPath() { + getCurrentPath () { // We can't use location.hash here because it's not // consistent across browsers - Firefox will pre-decode it! const href = location.href @@ -29,18 +29,16 @@ export class HashHistory extends History { return index === -1 ? '' : href.slice(index + 1) } - onchange(cb = noop) { + onchange (cb = noop) { on('hashchange', cb) } - normalize() { + normalize () { let path = this.getCurrentPath() path = replaceSlug(path) - if (path.charAt(0) === '/') { - return replaceHash(path) - } + if (path.charAt(0) === '/') return replaceHash(path) replaceHash('/' + path) } @@ -49,7 +47,7 @@ export class HashHistory extends History { * @param {string} [path=location.herf] * @return {object} { path, query } */ - parse(path = location.href) { + parse (path = location.href) { let query = '' const hashIndex = path.indexOf('#') @@ -70,7 +68,7 @@ export class HashHistory extends History { } } - toURL(path, params, currentRoute) { + toURL (path, params, currentRoute) { return '#' + super.toURL(path, params, currentRoute) } } diff --git a/src/core/router/history/html5.js b/src/core/router/history/html5.js index 04c5391..6acefaf 100644 --- a/src/core/router/history/html5.js +++ b/src/core/router/history/html5.js @@ -1,15 +1,15 @@ -import {History} from './base' -import {noop} from '../../util/core' -import {on} from '../../util/dom' -import {parseQuery, getPath} from '../util' +import { History } from './base' +import { noop } from '../../util/core' +import { on } from '../../util/dom' +import { parseQuery, getPath } from '../util' export class HTML5History extends History { - constructor(config) { + constructor (config) { super(config) this.mode = 'history' } - getCurrentPath() { + getCurrentPath () { const base = this.getBasePath() let path = window.location.pathname @@ -20,14 +20,14 @@ export class HTML5History extends History { return (path || '/') + window.location.search + window.location.hash } - onchange(cb = noop) { + onchange (cb = noop) { on('click', e => { const el = e.target.tagName === 'A' ? e.target : e.target.parentNode if (el.tagName === 'A' && !/_blank/.test(el.target)) { e.preventDefault() const url = el.href - window.history.pushState({key: url}, '', url) + window.history.pushState({ key: url }, '', url) cb() } }) @@ -40,7 +40,7 @@ export class HTML5History extends History { * @param {string} [path=location.href] * @return {object} { path, query } */ - parse(path = location.href) { + parse (path = location.href) { let query = '' const queryIndex = path.indexOf('?') diff --git a/src/core/router/index.js b/src/core/router/index.js index 943fe6c..8de4d45 100644 --- a/src/core/router/index.js +++ b/src/core/router/index.js @@ -1,21 +1,21 @@ -import {HashHistory} from './history/hash' -import {HTML5History} from './history/html5' -import {supportsPushState} from '../util/env' +import { HashHistory } from './history/hash' +import { HTML5History } from './history/html5' +import { supportsPushState } from '../util/env' import * as dom from '../util/dom' -export function routerMixin(proto) { +export function routerMixin (proto) { proto.route = {} } let lastRoute = {} -function updateRender(vm) { +function updateRender (vm) { vm.router.normalize() vm.route = vm.router.parse() dom.body.setAttribute('data-page', vm.route.file) } -export function initRouter(vm) { +export function initRouter (vm) { const config = vm.config const mode = config.routerMode || 'hash' let router diff --git a/src/core/router/util.js b/src/core/router/util.js index 2ed88c5..84219b6 100644 --- a/src/core/router/util.js +++ b/src/core/router/util.js @@ -1,9 +1,9 @@ -import {cached} from '../util/core' +import { cached } from '../util/core' const decode = decodeURIComponent const encode = encodeURIComponent -export function parseQuery(query) { +export function parseQuery (query) { const res = {} query = query.trim().replace(/^(\?|#|&)/, '') @@ -22,55 +22,39 @@ export function parseQuery(query) { return res } -export function stringifyQuery(obj, ignores = []) { +export function stringifyQuery (obj, ignores = []) { const qs = [] for (const key in obj) { - if (ignores.indexOf(key) > -1) { - continue - } + if (ignores.indexOf(key) > -1) continue qs.push( - obj[key] ? - `${encode(key)}=${encode(obj[key])}`.toLowerCase() : - encode(key) + obj[key] + ? `${encode(key)}=${encode(obj[key])}`.toLowerCase() + : encode(key) ) } return qs.length ? `?${qs.join('&')}` : '' } +export function getPath (...args) { + return cleanPath(args.join('/')) +} + export const isAbsolutePath = cached(path => { return /(:|(\/{2}))/g.test(path) }) export const getParentPath = cached(path => { - return /\/$/g.test(path) ? - path : - (path = path.match(/(\S*\/)[^/]+$/)) ? path[1] : '' + return /\/$/g.test(path) + ? path + : (path = path.match(/(\S*\/)[^\/]+$/)) ? path[1] : '' }) export const cleanPath = cached(path => { return path.replace(/^\/+/, '/').replace(/([^:])\/{2,}/g, '$1/') }) -export const resolvePath = cached(path => { - const segments = path.replace(/^\//, '').split('/') - let resolved = [] - for (let i = 0, len = segments.length; i < len; i++) { - const segment = segments[i] - if (segment === '..') { - resolved.pop() - } else if (segment !== '.') { - resolved.push(segment) - } - } - return '/' + resolved.join('/') -}) - -export function getPath(...args) { - return cleanPath(args.join('/')) -} - export const replaceSlug = cached(path => { return path.replace('#', '?id=') }) diff --git a/src/core/util/core.js b/src/core/util/core.js index a94472d..f273229 100644 --- a/src/core/util/core.js +++ b/src/core/util/core.js @@ -1,9 +1,9 @@ /** * Create a cached version of a pure function. */ -export function cached(fn) { +export function cached (fn) { const cache = Object.create(null) - return function (str) { + return function cachedFn (str) { const key = isPrimitive(str) ? str : JSON.stringify(str) const hit = cache[key] return hit || (cache[key] = fn(str)) @@ -17,14 +17,14 @@ export const hyphenate = cached(str => { return str.replace(/([A-Z])/g, m => '-' + m.toLowerCase()) }) -export const hasOwn = Object.prototype.hasOwnProperty - /** * Simple Object.assign polyfill */ export const merge = Object.assign || function (to) { + const hasOwn = Object.prototype.hasOwnProperty + for (let i = 1; i < arguments.length; i++) { const from = Object(arguments[i]) @@ -41,18 +41,18 @@ export const merge = /** * Check if value is primitive */ -export function isPrimitive(value) { +export function isPrimitive (value) { return typeof value === 'string' || typeof value === 'number' } /** * Perform no operation. */ -export function noop() {} +export function noop () {} /** * Check if value is function */ -export function isFn(obj) { +export function isFn (obj) { return typeof obj === 'function' } diff --git a/src/core/util/dom.js b/src/core/util/dom.js index 388927d..4ef5dd0 100644 --- a/src/core/util/dom.js +++ b/src/core/util/dom.js @@ -1,5 +1,5 @@ -import {isFn} from '../util/core' -import {inBrowser} from './env' +import { isFn } from '../util/core' +import { inBrowser } from './env' const cacheNode = {} @@ -9,7 +9,7 @@ const cacheNode = {} * @param {Boolean} noCache * @return {Element} */ -export function getNode(el, noCache = false) { +export function getNode (el, noCache = false) { if (typeof el === 'string') { if (typeof window.Vue !== 'undefined') { return find(el) @@ -32,7 +32,7 @@ export const head = inBrowser && $.head * find('nav') => document.querySelector('nav') * find(nav, 'a') => nav.querySelector('a') */ -export function find(el, node) { +export function find (el, node) { return node ? el.querySelector(node) : $.querySelector(el) } @@ -42,38 +42,36 @@ export function find(el, node) { * findAll('a') => [].slice.call(document.querySelectorAll('a')) * findAll(nav, 'a') => [].slice.call(nav.querySelectorAll('a')) */ -export function findAll(el, node) { +export function findAll (el, node) { return [].slice.call( node ? el.querySelectorAll(node) : $.querySelectorAll(el) ) } -export function create(node, tpl) { +export function create (node, tpl) { node = $.createElement(node) - if (tpl) { - node.innerHTML = tpl - } + if (tpl) node.innerHTML = tpl return node } -export function appendTo(target, el) { +export function appendTo (target, el) { return target.appendChild(el) } -export function before(target, el) { +export function before (target, el) { return target.insertBefore(el, target.children[0]) } -export function on(el, type, handler) { - isFn(type) ? - window.addEventListener(el, type) : - el.addEventListener(type, handler) +export function on (el, type, handler) { + isFn(type) + ? window.addEventListener(el, type) + : el.addEventListener(type, handler) } -export function off(el, type, handler) { - isFn(type) ? - window.removeEventListener(el, type) : - el.removeEventListener(type, handler) +export function off (el, type, handler) { + isFn(type) + ? window.removeEventListener(el, type) + : el.removeEventListener(type, handler) } /** @@ -83,10 +81,10 @@ export function off(el, type, handler) { * toggleClass(el, 'active') => el.classList.toggle('active') * toggleClass(el, 'add', 'active') => el.classList.add('active') */ -export function toggleClass(el, type, val) { +export function toggleClass (el, type, val) { el && el.classList[val ? type : 'toggle'](val || type) } -export function style(content) { +export function style (content) { appendTo(head, create('style', content)) } diff --git a/src/core/util/env.js b/src/core/util/env.js index cd51635..2a619f0 100644 --- a/src/core/util/env.js +++ b/src/core/util/env.js @@ -13,7 +13,7 @@ export const supportsPushState = window.history && window.history.pushState && window.history.replaceState && - // PushState isn’t reliable on iOS until 5. + // pushState isn’t reliable on iOS until 5. !navigator.userAgent.match( /((iPod|iPhone|iPad).+\bOS\s+[1-4]\D|WebApps\/.+CFNetwork)/ ) diff --git a/src/core/util/polyfill/css-vars.js b/src/core/util/polyfill/css-vars.js index fb3a80a..96fcb6e 100644 --- a/src/core/util/polyfill/css-vars.js +++ b/src/core/util/polyfill/css-vars.js @@ -1,7 +1,7 @@ import * as dom from '../dom' -import {get} from '../../fetch/ajax' +import { get } from '../../fetch/ajax' -function replaceVar(block, color) { +function replaceVar (block, color) { block.innerHTML = block.innerHTML.replace( /var\(\s*--theme-color.*?\)/g, color @@ -10,20 +10,16 @@ function replaceVar(block, color) { export default function (color) { // Variable support - if (window.CSS && window.CSS.supports && window.CSS.supports('(--v:red)')) { - return - } + if (window.CSS && window.CSS.supports && window.CSS.supports('(--v:red)')) { return } - const styleBlocks = dom.findAll('style:not(.inserted),link'); - [].forEach.call(styleBlocks, block => { + const styleBlocks = dom.findAll('style:not(.inserted),link') + ;[].forEach.call(styleBlocks, block => { if (block.nodeName === 'STYLE') { replaceVar(block, color) } else if (block.nodeName === 'LINK') { const href = block.getAttribute('href') - if (!/\.css$/.test(href)) { - return - } + if (!/\.css$/.test(href)) return get(href).then(res => { const style = dom.create('style', res) diff --git a/src/plugins/disqus.js b/src/plugins/disqus.js index dba7aef..9439535 100644 --- a/src/plugins/disqus.js +++ b/src/plugins/disqus.js @@ -3,7 +3,7 @@ if (fixedPath !== location.href) { location.href = fixedPath } -function install(hook, vm) { +function install (hook, vm) { const dom = Docsify.dom const disqus = vm.config.disqus if (!disqus) { @@ -15,7 +15,7 @@ function install(hook, vm) { script.async = true script.src = `https://${disqus}.disqus.com/embed.js` - script.setAttribute('data-timestamp', Number(new Date())) + script.setAttribute('data-timestamp', +new Date()) dom.appendTo(dom.body, script) }) diff --git a/src/plugins/emoji.js b/src/plugins/emoji.js index 31f1059..be4da54 100644 --- a/src/plugins/emoji.js +++ b/src/plugins/emoji.js @@ -887,12 +887,12 @@ const AllGithubEmoji = [ 'zzz' ] -// Emoji from All-Github-Emoji-Icons +// emoji from All-Github-Emoji-Icons // https://github.com/scotch-io/All-Github-Emoji-Icons window.emojify = function (match, $1) { - return AllGithubEmoji.indexOf($1) === -1 ? - match : - '![' +
$1 +
diff --git a/src/plugins/external-script.js b/src/plugins/external-script.js
index 2954030..43a8a89 100644
--- a/src/plugins/external-script.js
+++ b/src/plugins/external-script.js
@@ -1,4 +1,4 @@
-function handleExternalScript() {
+function handleExternalScript () {
const container = Docsify.dom.getNode('#main')
const scripts = Docsify.dom.findAll(container, 'script')
diff --git a/src/plugins/front-matter/index.js b/src/plugins/front-matter/index.js
index cb90ed9..b2b0efa 100644
--- a/src/plugins/front-matter/index.js
+++ b/src/plugins/front-matter/index.js
@@ -2,9 +2,9 @@ import parser from './parser'
const install = function (hook, vm) {
hook.beforeEach(content => {
- const {attributes, body} = parser(content)
+ const { attributes, body } = parser(content)
- vm.frontmatter = attributes
+ Docsify.util.merge(vm.config, attributes.config)
return body
})
diff --git a/src/plugins/ga.js b/src/plugins/ga.js
index 2d6419b..2d87b4a 100644
--- a/src/plugins/ga.js
+++ b/src/plugins/ga.js
@@ -1,23 +1,23 @@
// From https://github.com/egoist/vue-ga/blob/master/src/index.js
-function appendScript() {
+function appendScript () {
const script = document.createElement('script')
script.async = true
script.src = 'https://www.google-analytics.com/analytics.js'
document.body.appendChild(script)
}
-function init(id) {
+function init (id) {
appendScript()
window.ga =
window.ga ||
function () {
- (window.ga.q = window.ga.q || []).push(arguments)
+ ;(window.ga.q = window.ga.q || []).push(arguments)
}
window.ga.l = Number(new Date())
window.ga('create', id, 'auto')
}
-function collect() {
+function collect () {
if (!window.ga) {
init($docsify.ga)
}
diff --git a/src/plugins/gitalk.js b/src/plugins/gitalk.js
index 8ba9ace..f91e21d 100644
--- a/src/plugins/gitalk.js
+++ b/src/plugins/gitalk.js
@@ -1,4 +1,4 @@
-function install(hook) {
+function install (hook, vm) {
const dom = Docsify.dom
hook.mounted(_ => {
@@ -7,16 +7,10 @@ function install(hook) {
const main = dom.getNode('#main')
div.style = `width: ${main.clientWidth}px; margin: 0 auto 20px;`
dom.appendTo(dom.find('.content'), div)
- })
-
- hook.doneEach(_ => {
- const el = document.getElementById('gitalk-container')
- while (el.hasChildNodes()) {
- el.removeChild(el.firstChild)
- }
-
- // eslint-disable-next-line
- gitalk.render('gitalk-container')
+ const script = dom.create('script')
+ const content = `gitalk.render('gitalk-container')`
+ script.textContent = content
+ dom.appendTo(dom.body, script)
})
}
diff --git a/src/plugins/matomo.js b/src/plugins/matomo.js
deleted file mode 100644
index 7b61cba..0000000
--- a/src/plugins/matomo.js
+++ /dev/null
@@ -1,37 +0,0 @@
-function appendScript(options) {
- const script = document.createElement('script')
- script.async = true
- script.src = options.host + '/matomo.js'
- document.body.appendChild(script)
-}
-
-function init(options) {
- window._paq = window._paq || []
- window._paq.push(['trackPageView'])
- window._paq.push(['enableLinkTracking'])
- setTimeout(function() {
- appendScript(options)
- window._paq.push(['setTrackerUrl', options.host + '/matomo.php'])
- window._paq.push(['setSiteId', options.id + ''])
- }, 0)
-}
-
-function collect() {
- if (!window._paq) {
- init($docsify.matomo)
- }
- window._paq.push(['setCustomUrl', window.location.hash.substr(1)])
- window._paq.push(['setDocumentTitle', document.title])
- window._paq.push(['trackPageView'])
-}
-
-const install = function (hook) {
- if (!$docsify.matomo) {
- console.error('[Docsify] matomo is required.')
- return
- }
-
- hook.beforeEach(collect)
-}
-
-$docsify.plugins = [].concat(install, $docsify.plugins)
diff --git a/src/plugins/search/component.js b/src/plugins/search/component.js
index 42b0d19..b365103 100644
--- a/src/plugins/search/component.js
+++ b/src/plugins/search/component.js
@@ -1,9 +1,8 @@
-import {search} from './search'
+import { search } from './search'
let NO_DATA_TEXT = ''
-let options
-function style() {
+function style () {
const code = `
.sidebar {
padding-top: 0;
@@ -87,16 +86,12 @@ function style() {
.search p.empty {
text-align: center;
-}
-
-.app-name.hide, .sidebar-nav.hide {
- display: none;
}`
Docsify.dom.style(code)
}
-function tpl(defaultValue = '') {
+function tpl (opts, defaultValue = '') {
const html =
`<div class=](https://github.githubassets.com/images/icons/emoji/' +
+ return AllGithubEmoji.indexOf($1) === -1
+ ? match
+ : '<img class=){kind=icon}
@@ -117,22 +112,15 @@ function tpl(defaultValue = '') {
Docsify.dom.before(aside, el)
}
-function doSearch(value) {
+function doSearch (value) {
const $search = Docsify.dom.find('div.search')
const $panel = Docsify.dom.find($search, '.results-panel')
const $clearBtn = Docsify.dom.find($search, '.clear-button')
- const $sidebarNav = Docsify.dom.find('.sidebar-nav')
- const $appName = Docsify.dom.find('.app-name')
if (!value) {
$panel.classList.remove('show')
$clearBtn.classList.remove('show')
$panel.innerHTML = ''
-
- if (options.hideOtherSidebarContent) {
- $sidebarNav.classList.remove('hide')
- $appName.classList.remove('hide')
- }
return
}
const matchs = search(value)
@@ -150,13 +138,9 @@ function doSearch(value) {
$panel.classList.add('show')
$clearBtn.classList.add('show')
$panel.innerHTML = html || `${NO_DATA_TEXT}
` - if (options.hideOtherSidebarContent) { - $sidebarNav.classList.add('hide') - $appName.classList.add('hide') - } } -function bindEvents() { +function bindEvents () { const $search = Docsify.dom.find('div.search') const $input = Docsify.dom.find($search, 'input') const $inputWrap = Docsify.dom.find($search, '.input-wrap') @@ -173,7 +157,7 @@ function bindEvents() { timeId = setTimeout(_ => doSearch(e.target.value.trim()), 100) }) Docsify.dom.on($inputWrap, 'click', e => { - // Click input outside + // click input outside if (e.target.tagName !== 'INPUT') { $input.value = '' doSearch() @@ -181,12 +165,10 @@ function bindEvents() { }) } -function updatePlaceholder(text, path) { +function updatePlaceholder (text, path) { const $input = Docsify.dom.getNode('.search input[type="search"]') - if (!$input) { - return - } + if (!$input) return if (typeof text === 'string') { $input.placeholder = text } else { @@ -195,7 +177,7 @@ function updatePlaceholder(text, path) { } } -function updateNoData(text, path) { +function updateNoData (text, path) { if (typeof text === 'string') { NO_DATA_TEXT = text } else { @@ -204,22 +186,16 @@ function updateNoData(text, path) { } } -function updateOptions(opts) { - options = opts -} - -export function init(opts, vm) { +export function init (opts, vm) { const keywords = vm.router.parse().query.s - updateOptions(opts) style() - tpl(keywords) + tpl(opts, keywords) bindEvents() keywords && setTimeout(_ => doSearch(keywords), 500) } -export function update(opts, vm) { - updateOptions(opts) +export function update (opts, vm) { updatePlaceholder(opts.placeholder, vm.route.path) updateNoData(opts.noData, vm.route.path) } diff --git a/src/plugins/search/index.js b/src/plugins/search/index.js index bbd3af6..66e5fba 100644 --- a/src/plugins/search/index.js +++ b/src/plugins/search/index.js @@ -1,18 +1,16 @@ -import {init as initComponet, update as updateComponent} from './component' -import {init as initSearch} from './search' +import { init as initComponet, update as updateComponent } from './component' +import { init as initSearch } from './search' const CONFIG = { placeholder: 'Type to search', noData: 'No Results!', paths: 'auto', depth: 2, - maxAge: 86400000, // 1 day - hideOtherSidebarContent: false, - namespace: undefined + maxAge: 86400000 // 1 day } const install = function (hook, vm) { - const {util} = Docsify + const { util } = Docsify const opts = vm.config.search || CONFIG if (Array.isArray(opts)) { @@ -23,8 +21,6 @@ const install = function (hook, vm) { CONFIG.placeholder = opts.placeholder || CONFIG.placeholder CONFIG.noData = opts.noData || CONFIG.noData CONFIG.depth = opts.depth || CONFIG.depth - CONFIG.hideOtherSidebarContent = opts.hideOtherSidebarContent || CONFIG.hideOtherSidebarContent - CONFIG.namespace = opts.namespace || CONFIG.namespace } const isAuto = CONFIG.paths === 'auto' diff --git a/src/plugins/search/search.js b/src/plugins/search/search.js index 2c9febf..6a440c2 100644 --- a/src/plugins/search/search.js +++ b/src/plugins/search/search.js @@ -1,34 +1,23 @@ let INDEXS = {} +let helper -const LOCAL_STORAGE = { - EXPIRE_KEY: 'docsify.search.expires', - INDEX_KEY: 'docsify.search.index' -} - -function resolveExpireKey(namespace) { - return namespace ? `${LOCAL_STORAGE.EXPIRE_KEY}/${namespace}` : LOCAL_STORAGE.EXPIRE_KEY -} -function resolveIndexKey(namespace) { - return namespace ? `${LOCAL_STORAGE.INDEX_KEY}/${namespace}` : LOCAL_STORAGE.INDEX_KEY -} - -function escapeHtml(string) { +function escapeHtml (string) { const entityMap = { '&': '&', '<': '<', '>': '>', '"': '"', - '\'': ''', + "'": ''', '/': '/' } - return String(string).replace(/[&<>"'/]/g, s => entityMap[s]) + return String(string).replace(/[&<>"'\/]/g, s => entityMap[s]) } -function getAllPaths(router) { +function getAllPaths (router) { const paths = [] - Docsify.dom.findAll('.sidebar-nav a:not(.section-link):not([data-nosearch])').forEach(node => { + helper.dom.findAll('a:not([data-nosearch])').map(node => { const href = node.href const originHref = node.getAttribute('href') const path = router.parse(href).path @@ -45,12 +34,12 @@ function getAllPaths(router) { return paths } -function saveData(maxAge, expireKey, indexKey) { - localStorage.setItem(expireKey, Date.now() + maxAge) - localStorage.setItem(indexKey, JSON.stringify(INDEXS)) +function saveData (maxAge) { + localStorage.setItem('docsify.search.expires', Date.now() + maxAge) + localStorage.setItem('docsify.search.index', JSON.stringify(INDEXS)) } -export function genIndex(path, content = '', router, depth) { +export function genIndex (path, content = '', router, depth) { const tokens = window.marked.lexer(content) const slugify = window.Docsify.slugify const index = {} @@ -58,18 +47,18 @@ export function genIndex(path, content = '', router, depth) { tokens.forEach(token => { if (token.type === 'heading' && token.depth <= depth) { - slug = router.toURL(path, {id: slugify(token.text)}) - index[slug] = {slug, title: token.text, body: ''} + slug = router.toURL(path, { id: slugify(token.text) }) + index[slug] = { slug, title: token.text, body: '' } } else { - if (!slug) { - return - } + if (!slug) return if (!index[slug]) { - index[slug] = {slug, title: '', body: ''} - } else if (index[slug].body) { - index[slug].body += '\n' + (token.text || '') + index[slug] = { slug, title: '', body: '' } } else { - index[slug].body = token.text + if (index[slug].body) { + index[slug].body += '\n' + (token.text || '') + } else { + index[slug].body = token.text + } } } }) @@ -81,7 +70,7 @@ export function genIndex(path, content = '', router, depth) { * @param {String} query * @returns {Array} */ -export function search(query) { +export function search (query) { const matchingResults = [] let data = [] Object.keys(INDEXS).forEach(key => { @@ -89,37 +78,37 @@ export function search(query) { }) query = query.trim() - let keywords = query.split(/[\s\-，\\/]+/) + let keywords = query.split(/[\s\-\，\\/]+/) if (keywords.length !== 1) { keywords = [].concat(query, keywords) } for (let i = 0; i < data.length; i++) { const post = data[i] - let matchesScore = 0 + let isMatch = false let resultStr = '' const postTitle = post.title && post.title.trim() const postContent = post.body && post.body.trim() const postUrl = post.slug || '' - if (postTitle) { - keywords.forEach( keyword => { + if (postTitle && postContent) { + keywords.forEach((keyword, i) => { // From https://github.com/sindresorhus/escape-string-regexp const regEx = new RegExp( keyword.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&'), 'gi' - ); + ) let indexTitle = -1 let indexContent = -1 - indexTitle = postTitle ? postTitle.search(regEx) : -1 - indexContent = postContent ? postContent.search(regEx) : -1 + indexTitle = postTitle && postTitle.search(regEx) + indexContent = postContent && postContent.search(regEx) - if (indexTitle >= 0 || indexContent >= 0) { - matchesScore += indexTitle >= 0 ? 3 : indexContent >= 0 ? 2 : 0; - if (indexContent < 0) { - indexContent = 0 - } + if (indexTitle < 0 && indexContent < 0) { + isMatch = false + } else { + isMatch = true + if (indexContent < 0) indexContent = 0 let start = 0 let end = 0 @@ -127,9 +116,7 @@ export function search(query) { start = indexContent < 11 ? 0 : indexContent - 10 end = start === 0 ? 70 : indexContent + keyword.length + 60 - if (end > postContent.length) { - end = postContent.length - } + if (end > postContent.length) end = postContent.length const matchContent = '...' + @@ -142,12 +129,11 @@ export function search(query) { } }) - if (matchesScore > 0) { + if (isMatch) { const matchingPost = { title: escapeHtml(postTitle), - content: postContent ? resultStr : '', - url: postUrl, - score: matchesScore + content: resultStr, + url: postUrl } matchingResults.push(matchingPost) @@ -155,18 +141,16 @@ export function search(query) { } } - return matchingResults.sort((r1, r2) => r2.score - r1.score); + return matchingResults } -export function init(config, vm) { +export function init (config, vm) { + helper = Docsify + const isAuto = config.paths === 'auto' + const isExpired = localStorage.getItem('docsify.search.expires') < Date.now() - const expireKey = resolveExpireKey(config.namespace) - const indexKey = resolveIndexKey(config.namespace) - - const isExpired = localStorage.getItem(expireKey) < Date.now() - - INDEXS = JSON.parse(localStorage.getItem(indexKey)) + INDEXS = JSON.parse(localStorage.getItem('docsify.search.index')) if (isExpired) { INDEXS = {} @@ -179,15 +163,13 @@ export function init(config, vm) { let count = 0 paths.forEach(path => { - if (INDEXS[path]) { - return count++ - } + if (INDEXS[path]) return count++ - Docsify + helper .get(vm.router.getFile(path), false, vm.config.requestHeaders) .then(result => { INDEXS[path] = genIndex(path, result, vm.router, config.depth) - len === ++count && saveData(config.maxAge, expireKey, indexKey) + len === ++count && saveData(config.maxAge) }) }) } diff --git a/src/plugins/zoom-image.js b/src/plugins/zoom-image.js index faf92e1..6f3b94c 100644 --- a/src/plugins/zoom-image.js +++ b/src/plugins/zoom-image.js @@ -1,20 +1,14 @@ import mediumZoom from 'medium-zoom' -const matchesSelector = Element.prototype.matches || Element.prototype.webkitMatchesSelector || Element.prototype.msMatchesSelector - -function install(hook) { +function install (hook) { let zoom hook.doneEach(_ => { - let elms = Array.apply(null, document.querySelectorAll('.markdown-section img:not(.emoji):not([data-no-zoom])')) - - elms = elms.filter(elm => matchesSelector.call(elm, 'a img') === false) - if (zoom) { zoom.detach() } - zoom = mediumZoom(elms) + zoom = mediumZoom('img:not(.emoji):not([data-no-zoom])') }) } diff --git a/src/themes/basic/_coverpage.css b/src/themes/basic/_coverpage.css new file mode 100644 index 0000000..2cc585c --- /dev/null +++ b/src/themes/basic/_coverpage.css @@ -0,0 +1,112 @@ +section.cover { + align-items: center; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + height: 100vh; + display: none; + + &.show { + display: flex; + } + + &.has-mask .mask { + background-color: $color-bg; + opacity: 0.8; + position: absolute; + top: 0; + size: 100%; + } + + .cover-main { + flex: 1; + margin: -20px 16px 0; + text-align: center; + z-index: 1; + } + + a { + color: inherit; + text-decoration: none; + + &:hover { + text-decoration: none; + } + } + + p { + line-height: 1.5rem; + margin: 1em 0; + } + + h1 { + color: inherit; + font-size: 2.5rem; + font-weight: 300; + margin: 0.625rem 0 2.5rem; + position: relative; + text-align: center; + + a { + display: block; + } + + small { + bottom: -0.4375rem; + font-size: 1rem; + position: absolute; + } + } + + blockquote { + font-size: 1.5rem; + text-align: center; + } + + ul { + line-height: 1.8; + list-style-type: none; + margin: 1em auto; + max-width: 500px; + padding: 0; + } + + .cover-main > p:last-child a { + border-color: var(--theme-color, $color-primary); + border-radius: 2rem; + border-style: solid; + border-width: 1px; + box-sizing: border-box; + color: var(--theme-color, $color-primary); + display: inline-block; + font-size: 1.05rem; + letter-spacing: 0.1rem; + margin: 0.5rem 1rem; + padding: 0.75em 2rem; + text-decoration: none; + transition: all 0.15s ease; + + &:last-child { + background-color: var(--theme-color, $color-primary); + color: #fff; + + &:hover { + color: inherit; + opacity: 0.8; + } + } + + &:hover { + color: inherit; + } + } + + blockquote > p > a { + border-bottom: 2px solid var(--theme-color, $color-primary); + transition: color 0.3s; + + &:hover { + color: var(--theme-color, $color-primary); + } + } +} diff --git a/src/themes/basic/_coverpage.styl b/src/themes/basic/_coverpage.styl deleted file mode 100644 index 0014932..0000000 --- a/src/themes/basic/_coverpage.styl +++ /dev/null @@ -1,95 +0,0 @@ -section.cover - align-items center - background-position center center - background-repeat no-repeat - background-size cover - height 100vh - display none - - &.show - display flex - - &.has-mask .mask - background-color $color-bg - opacity 0.8 - position absolute - top 0 - height 100% - width 100% - - .cover-main - flex 1 - margin -20px 16px 0 - text-align center - z-index 1 - - a - color inherit - text-decoration none - - &:hover - text-decoration none - - p - line-height 1.5rem - margin 1em 0 - - h1 - color inherit - font-size 2.5rem - font-weight 300 - margin 0.625rem 0 2.5rem - position relative - text-align center - - a - display block - - small - bottom -0.4375rem - font-size 1rem - position absolute - - blockquote - font-size 1.5rem - text-align center - - ul - line-height 1.8 - list-style-type none - margin 1em auto - max-width 500px - padding 0 - - .cover-main > p:last-child a - border-color var(--theme-color, $color-primary) - border-radius 2rem - border-style solid - border-width 1px - box-sizing border-box - color var(--theme-color, $color-primary) - display inline-block - font-size 1.05rem - letter-spacing 0.1rem - margin 0.5rem 1rem - padding 0.75em 2rem - text-decoration none - transition all 0.15s ease - - &:last-child - background-color var(--theme-color, $color-primary) - color #fff - - &:hover - color inherit - opacity 0.8 - - &:hover - color inherit - - blockquote > p > a - border-bottom 2px solid var(--theme-color, $color-primary) - transition color 0.3s - - &:hover - color var(--theme-color, $color-primary) diff --git a/src/themes/basic/_layout.css b/src/themes/basic/_layout.css new file mode 100644 index 0000000..4126a0f --- /dev/null +++ b/src/themes/basic/_layout.css @@ -0,0 +1,571 @@ +* { + -webkit-font-smoothing: antialiased; + -webkit-overflow-scrolling: touch; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-text-size-adjust: none; + -webkit-touch-callout: none; + box-sizing: border-box; +} + +body:not(.ready) { + overflow: hidden; + + [data-cloak], + .app-nav, + > nav { + display: none; + } +} + +div#app { + font-size: 30px; + font-weight: lighter; + margin: 40vh auto; + text-align: center; + + &:empty::before { + content: 'Loading...'; + } +} + +.emoji { + height: 1.2rem; + vertical-align: middle; +} + +.progress { + background-color: var(--theme-color, $color-primary); + height: 2px; + left: 0px; + position: fixed; + right: 0px; + top: 0px; + transition: width 0.2s, opacity 0.4s; + width: 0%; + z-index: 999999; +} + +.search a:hover { + color: var(--theme-color, $color-primary); +} + +.search .search-keyword { + color: var(--theme-color, $color-primary); + font-style: normal; + font-weight: bold; +} + +html, +body { + height: 100%; +} + +body { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + color: $color-text; + font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; + font-size: 15px; + letter-spacing: 0; + margin: 0; + overflow-x: hidden; +} + +img { + max-width: 100%; +} + +a[disabled] { + cursor: not-allowed; + opacity: 0.6; +} + +kbd { + border: solid 1px #ccc; + border-radius: 3px; + display: inline-block; + font-size: 12px !important; + line-height: 12px; + margin-bottom: 3px; + padding: 3px 5px; + vertical-align: middle; +} + +.task-list-item { + list-style-type: none; +} + +li input[type='checkbox'] { + margin: 0 0.2em 0.25em -1.6em; + vertical-align: middle; +} + +/* navbar */ +.app-nav { + margin: 25px 60px 0 0; + position: absolute; + right: 0; + text-align: right; + z-index: 10; + + &.no-badge { + margin-right: 25px; + } + + p { + margin: 0; + } + + > a { + margin: 0 1rem; + padding: 5px 0; + } + + ul, + li { + display: inline-block; + list-style: none; + margin: 0; + } + + a { + color: inherit; + font-size: 16px; + text-decoration: none; + transition: color 0.3s; + + &:hover { + color: var(--theme-color, $color-primary); + } + + &.active { + border-bottom: 2px solid var(--theme-color, $color-primary); + color: var(--theme-color, $color-primary); + } + } + + /* navbar dropdown */ + li { + display: inline-block; + margin: 0 1rem; + padding: 5px 0; + position: relative; + + ul { + background-color: #fff; + border: 1px solid #ddd; + border-bottom-color: #ccc; + border-radius: 4px; + box-sizing: border-box; + display: none; + max-height: calc(100vh - 61px); + overflow-y: auto; + padding: 10px 0; + position: absolute; + right: -15px; + text-align: left; + top: 100%; + white-space: nowrap; + + li { + display: block; + font-size: 14px; + line-height: 1rem; + margin: 0; + margin: 8px 14px; + white-space: nowrap; + } + + a { + display: block; + font-size: inherit; + margin: 0; + padding: 0; + + &.active { + border-bottom: 0; + } + } + } + + &:hover ul { + display: block; + } + } +} + +/* github corner */ +.github-corner { + border-bottom: 0; + position: fixed; + right: 0; + text-decoration: none; + top: 0; + z-index: 1; + + &:hover .octo-arm { + animation: octocat-wave 560ms ease-in-out; + } + + svg { + color: $color-bg; + fill: var(--theme-color, $color-primary); + height: 80px; + width: 80px; + } +} + +/* main */ +main { + display: block; + position: relative; + size: 100vw 100%; + z-index: 0; +} + +main.hidden { + display: none; +} + +.anchor { + display: inline-block; + text-decoration: none; + transition: all 0.3s; + + span { + color: $color-text; + } + + &:hover { + text-decoration: underline; + } +} + +/* sidebar */ +.sidebar { + border-right: 1px solid rgba(0, 0, 0, 0.07); + overflow-y: auto; + padding: 40px 0 0; + position: absolute 0 * 0 0; + transition: transform 250ms ease-out; + width: $sidebar-width; + z-index: 20; + + > h1 { + margin: 0 auto 1rem; + font-size: 1.5rem; + font-weight: 300; + text-align: center; + + a { + color: inherit; + text-decoration: none; + } + + .app-nav { + display: block; + position: static; + } + } + + .sidebar-nav { + line-height: 2em; + padding-bottom: 40px; + } + + li.collapse { + .app-sub-sidebar { + display: none; + } + } + + ul { + margin: 0; + padding: 0; + } + + li > p { + font-weight: 700; + margin: 0; + } + + ul, + ul li { + list-style: none; + } + + ul li a { + border-bottom: none; + display: block; + } + + ul li ul { + padding-left: 20px; + } + + &::-webkit-scrollbar { + width: 4px; + } + + &::-webkit-scrollbar-thumb { + background: transparent; + border-radius: 4px; + } + + &:hover::-webkit-scrollbar-thumb { + background: rgba(136, 136, 136, 0.4); + } + + &:hover::-webkit-scrollbar-track { + background: rgba(136, 136, 136, 0.1); + } +} + +/* sidebar toggle */ +.sidebar-toggle { + background-color: transparent; + background-color: rgba($color-bg, 0.8); + border: 0; + outline: none; + outline: none; + padding: 10px; + position: absolute * * 0 0; + text-align: center; + transition: opacity 0.3s; + width: 30px; + width: calc($sidebar-width - 16px); + z-index: 30; + + .sidebar-toggle-button:hover { + opacity: 0.4; + } + + span { + background-color: var(--theme-color, $color-primary); + display: block; + margin-bottom: 4px; + size: 16px 2px; + } +} + +body.sticky { + .sidebar, + .sidebar-toggle { + position: fixed; + } +} + +/* main content */ +.content { + padding-top: 60px; + position: absolute 0 0 0 $sidebar-width; + transition: left 250ms ease; +} + +/* markdown content found on pages */ +.markdown-section { + margin: 0 auto; + max-width: 800px; + padding: 30px 15px 40px 15px; + position: relative; + + > * { + box-sizing: border-box; + font-size: inherit; + } + + > :first-child { + margin-top: 0 !important; + } +} + +.markdown-section hr { + border: none; + border-bottom: 1px solid #eee; + margin: 2em 0; +} + +.markdown-section iframe { + border: 1px solid #eee; +} + +.markdown-section table { + border-collapse: collapse; + border-spacing: 0; + display: block; + margin-bottom: 1rem; + overflow: auto; + width: 100%; +} + +.markdown-section th { + border: 1px solid #ddd; + font-weight: bold; + padding: 6px 13px; +} + +.markdown-section td { + border: 1px solid #ddd; + padding: 6px 13px; +} + +.markdown-section tr { + border-top: 1px solid #ccc; + &:nth-child(2n) { + background-color: #f8f8f8; + } +} + +.markdown-section p.tip { + background-color: #f8f8f8; + border-bottom-right-radius: 2px; + border-left: 4px solid #f66; + border-top-right-radius: 2px; + margin: 2em 0; + padding: 12px 24px 12px 30px; + position: relative; + + &:before { + background-color: #f66; + border-radius: 100%; + color: $color-bg; + content: '!'; + font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; + font-size: 14px; + font-weight: bold; + left: -12px; + line-height: 20px; + position: absolute; + size: 20px; + text-align: center; + top: 14px; + } + + code { + background-color: #efefef; + } + + em { + color: $color-text; + } +} + +.markdown-section p.warn { + background: rgba($color-primary, 0.1); + border-radius: 2px; + padding: 1rem; +} + +body.close { + .sidebar { + transform: translateX(-$sidebar-width); + } + + .sidebar-toggle { + width: auto; + } + + .content { + left: 0; + } +} + +@media print { + .github-corner, + .sidebar-toggle, + .sidebar, + .app-nav { + display: none; + } +} + +@media screen and (max-width: 768px) { + .github-corner, + .sidebar-toggle, + .sidebar { + position: fixed; + } + + .app-nav { + margin-top: 16px; + } + + .app-nav li ul { + top: 30px; + } + + main { + height: auto; + overflow-x: hidden; + } + + .sidebar { + left: -$sidebar-width; + transition: transform 250ms ease-out; + } + + .content { + left: 0; + max-width: 100vw; + position: static; + padding-top: 20px; + transition: transform 250ms ease; + } + + .app-nav, + .github-corner { + transition: transform 250ms ease-out; + } + + .sidebar-toggle { + background-color: transparent; + width: auto; + padding: 30px 30px 10px 10px; + } + + body.close { + .sidebar { + transform: translateX($sidebar-width); + } + + .sidebar-toggle { + background-color: rgba($color-bg, 0.8); + transition: 1s background-color; + width: calc($sidebar-width - 16px); + padding: 10px; + } + + .content { + transform: translateX($sidebar-width); + } + + .app-nav, + .github-corner { + display: none; + } + } + + .github-corner { + &:hover .octo-arm { + animation: none; + } + .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); + } +} diff --git a/src/themes/basic/_layout.styl b/src/themes/basic/_layout.styl deleted file mode 100644 index 387fd79..0000000 --- a/src/themes/basic/_layout.styl +++ /dev/null @@ -1,470 +0,0 @@ -* - -webkit-font-smoothing antialiased - -webkit-overflow-scrolling touch - -webkit-tap-highlight-color rgba(0, 0, 0, 0) - -webkit-text-size-adjust none - -webkit-touch-callout none - box-sizing border-box - -body:not(.ready) - overflow hidden - - [data-cloak], .app-nav, > nav - display none - -div#app - font-size 30px - font-weight lighter - margin 40vh auto - text-align center - - &:empty::before - content 'Loading...' - -.emoji - height 1.2rem - vertical-align middle - -.progress - background-color var(--theme-color, $color-primary) - height 2px - left 0px - position fixed - right 0px - top 0px - transition width 0.2s, opacity 0.4s - width 0% - z-index 999999 - -.search a:hover - color var(--theme-color, $color-primary) - -.search .search-keyword - color var(--theme-color, $color-primary) - font-style normal - font-weight bold - -html, body - height 100% - -body - -moz-osx-font-smoothing grayscale - -webkit-font-smoothing antialiased - color $color-text - font-family 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif - font-size 15px - letter-spacing 0 - margin 0 - overflow-x hidden - -img - max-width 100% - -a[disabled] - cursor not-allowed - opacity 0.6 - -kbd - border solid 1px #ccc - border-radius 3px - display inline-block - font-size 12px !important - line-height 12px - margin-bottom 3px - padding 3px 5px - vertical-align middle - -li input[type='checkbox'] - margin 0 0.2em 0.25em 0 - vertical-align middle - -/* navbar */ -.app-nav - margin 25px 60px 0 0 - position absolute - right 0 - text-align right - z-index 10 - - &.no-badge - margin-right 25px - - p - margin 0 - - > a - margin 0 1rem - padding 5px 0 - - ul, li - display inline-block - list-style none - margin 0 - - a - color inherit - font-size 16px - text-decoration none - transition color 0.3s - - &:hover - color var(--theme-color, $color-primary) - - &.active - border-bottom 2px solid var(--theme-color, $color-primary) - color var(--theme-color, $color-primary) - - /* navbar dropdown */ - li - display inline-block - margin 0 1rem - padding 5px 0 - position relative - - ul - background-color #fff - border 1px solid #ddd - border-bottom-color #ccc - border-radius 4px - box-sizing border-box - display none - max-height calc(100vh - 61px) - overflow-y auto - padding 10px 0 - position absolute - right -15px - text-align left - top 100% - white-space nowrap - - li - display block - font-size 14px - line-height 1rem - margin 0 - margin 8px 14px - white-space nowrap - - a - display block - font-size inherit - margin 0 - padding 0 - - &.active - border-bottom 0 - - &:hover ul - display block - -/* github corner */ -.github-corner - border-bottom 0 - position fixed - right 0 - text-decoration none - top 0 - z-index 1 - - &:hover .octo-arm - animation octocat-wave 560ms ease-in-out - - svg - color $color-bg - fill var(--theme-color, $color-primary) - height 80px - width 80px - -/* main */ -main - display block - position relative - width 100vw - height 100% - z-index 0 - -main.hidden - display none - -.anchor - display inline-block - text-decoration none - transition all 0.3s - - span - color $color-text - - &:hover - text-decoration underline - -/* sidebar */ -.sidebar - border-right 1px solid rgba(0, 0, 0, 0.07) - overflow-y auto - padding 40px 0 0 - position absolute - top 0 - bottom 0 - left 0 - transition transform 250ms ease-out - width $sidebar-width - z-index 20 - - > h1 - margin 0 auto 1rem - font-size 1.5rem - font-weight 300 - text-align center - - a - color inherit - text-decoration none - - .app-nav - display block - position static - - .sidebar-nav - line-height 2em - padding-bottom 40px - - li.collapse - .app-sub-sidebar - display none - - ul - margin 0 0 0 15px - padding 0 - - li > p - font-weight 700 - margin 0 - - ul, ul li - list-style none - - ul li a - border-bottom none - display block - - ul li ul - padding-left 20px - - &::-webkit-scrollbar - width 4px - - &::-webkit-scrollbar-thumb - background transparent - border-radius 4px - - &:hover::-webkit-scrollbar-thumb - background rgba(136, 136, 136, 0.4) - - &:hover::-webkit-scrollbar-track - background rgba(136, 136, 136, 0.1) - -/* sidebar toggle */ -.sidebar-toggle - background-color transparent - background-color rgba($color-bg, 0.8) - border 0 - outline none - padding 10px - position absolute - bottom 0 - left 0 - text-align center - transition opacity 0.3s - width $sidebar-width - 16px - z-index 30 - - .sidebar-toggle-button:hover - opacity 0.4 - - span - background-color var(--theme-color, $color-primary) - display block - margin-bottom 4px - width 16px - height 2px - -body.sticky - .sidebar, .sidebar-toggle - position fixed - -/* main content */ -.content - padding-top 60px - position absolute - top 0 - right 0 - bottom 0 - left $sidebar-width - transition left 250ms ease - -/* markdown content found on pages */ -.markdown-section - margin 0 auto - max-width 800px - padding 30px 15px 40px 15px - position relative - - > * - box-sizing border-box - font-size inherit - - > :first-child - margin-top 0 !important - -.markdown-section hr - border none - border-bottom 1px solid #eee - margin 2em 0 - -.markdown-section iframe - border 1px solid #eee - /* fix horizontal overflow on iOS Safari */ - width 1px - min-width 100% - -.markdown-section table - border-collapse collapse - border-spacing 0 - display block - margin-bottom 1rem - overflow auto - width 100% - -.markdown-section th - border 1px solid #ddd - font-weight bold - padding 6px 13px - -.markdown-section td - border 1px solid #ddd - padding 6px 13px - -.markdown-section tr - border-top 1px solid #ccc - - &:nth-child(2n) - background-color #f8f8f8 - -.markdown-section p.tip - background-color #f8f8f8 - border-bottom-right-radius 2px - border-left 4px solid #f66 - border-top-right-radius 2px - margin 2em 0 - padding 12px 24px 12px 30px - position relative - - &:before - background-color #f66 - border-radius 100% - color $color-bg - content '!' - font-family 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif - font-size 14px - font-weight bold - left -12px - line-height 20px - position absolute - height 20px - width 20px - text-align center - top 14px - - code - background-color #efefef - - em - color $color-text - -.markdown-section p.warn - background rgba($color-primary, 0.1) - border-radius 2px - padding 1rem - -.markdown-section ul.task-list > li - list-style-type none - -body.close - .sidebar - transform translateX(- $sidebar-width) - - .sidebar-toggle - width auto - - .content - left 0 - -@media print - .github-corner, .sidebar-toggle, .sidebar, .app-nav - display none - -@media screen and (max-width: 768px) - .github-corner, .sidebar-toggle, .sidebar - position fixed - - .app-nav - margin-top 16px - - .app-nav li ul - top 30px - - main - height auto - overflow-x hidden - - .sidebar - left - $sidebar-width - transition transform 250ms ease-out - - .content - left 0 - max-width 100vw - position static - padding-top 20px - transition transform 250ms ease - - .app-nav, .github-corner - transition transform 250ms ease-out - - .sidebar-toggle - background-color transparent - width auto - padding 30px 30px 10px 10px - - body.close - .sidebar - transform translateX($sidebar-width) - - .sidebar-toggle - background-color rgba($color-bg, 0.8) - transition 1s background-color - width $sidebar-width - 16px - padding 10px - - .content - transform translateX($sidebar-width) - - .app-nav, .github-corner - display none - - .github-corner - &:hover .octo-arm - animation none - - .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) diff --git a/src/themes/buble.css b/src/themes/buble.css new file mode 100644 index 0000000..c27c094 --- /dev/null +++ b/src/themes/buble.css @@ -0,0 +1,241 @@ +@import url('https://fonts.googleapis.com/css?family=Inconsolata|Inconsolata-Bold'); + +$color-primary: #0074d9; +$color-bg: #fff; +$color-text: #34495e; +$sidebar-width: 16rem; + +@import 'basic/layout'; +@import 'basic/coverpage'; + +/* sidebar */ +.sidebar { + color: #364149; + background-color: $color-bg; + + a { + color: #666; + text-decoration: none; + } + + li { + list-style: none; + margin: 0; + padding: 0.2em 0 0.2em 1rem; + } + + ul li ul { + padding: 0; + } + + li.active { + a { + color: #333; + } + + background-color: #eee; + } +} + +.markdown-section h1, +.markdown-section h2, +.markdown-section h3, +.markdown-section h4, +.markdown-section strong { + color: #333; + font-weight: 400; +} + +.markdown-section a { + color: var(--theme-color, $color-primary); + font-weight: 400; +} + +.markdown-section p, +.markdown-section ul, +.markdown-section ol { + line-height: 1.6rem; + margin: 0 0 1em 0; + word-spacing: 0.05rem; +} + +.markdown-section h1 { + font-size: 2rem; + font-weight: 500; + margin: 0 0 1rem; +} + +.markdown-section h2 { + font-size: 1.8rem; + font-weight: 400; + margin: 0 0 1rem 0; + padding: 1rem 0 0 0; +} + +.markdown-section h3 { + font-size: 1.5rem; + margin: 52px 0 1.2rem; +} + +.markdown-section h4 { + font-size: 1.25rem; +} + +.markdown-section h5 { + font-size: 1rem; +} + +.markdown-section h6 { + color: #777; + font-size: 1rem; +} + +.markdown-section figure, +.markdown-section p, +.markdown-section ul, +.markdown-section ol { + margin: 1.2em 0; +} + +.markdown-section ul, +.markdown-section ol { + padding-left: 1.5rem; +} + +.markdown-section li { + line-height: 1.5; + margin: 0; +} + +.markdown-section blockquote { + border-left: 4px solid var(--theme-color, $color-primary); + color: #858585; + 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; + border-radius: 3px; + font-family: Inconsolata; + padding: 0.2em 0.4rem; + white-space: nowrap; +} + +.markdown-section pre { + background-color: #f9f9f9; + border-left: 2px solid #eee; + font-family: Inconsolata; + font-size: 16px; + margin: 0 0 1em 0; + padding: 8px; + padding: 0 10px 12px 0; + overflow: auto; + word-wrap: normal; +} + +/* code highlight */ +.token.cdata, +.token.comment, +.token.doctype, +.token.prolog { + color: #93a1a1; /* base1 */ +} + +.token.punctuation { + color: #586e75; /* base01 */ +} + +.namespace { + opacity: 0.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 { + background-color: #f8f8f8; + border-radius: 2px; + display: block; + font-family: Inconsolata; + line-height: 1.1rem; + max-width: inherit; + overflow: inherit; + padding: 20px 0.8em 20px; + position: relative; + white-space: inherit; +} + +.markdown-section code::after, +.markdown-section code::before { + letter-spacing: 0.05rem; +} + +code .token { + -webkit-font-smoothing: initial; + -moz-osx-font-smoothing: initial; + min-height: 1.5rem; +} diff --git a/src/themes/buble.styl b/src/themes/buble.styl deleted file mode 100644 index 53fbc15..0000000 --- a/src/themes/buble.styl +++ /dev/null @@ -1,173 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Inconsolata|Inconsolata-Bold') - -$color-primary = #0074d9 -$color-bg = #fff -$color-text = #34495e -$sidebar-width = 16rem - -@import 'basic/_layout' -@import 'basic/_coverpage' - -/* sidebar */ -.sidebar - color #364149 - background-color $color-bg - - a - color #666 - text-decoration none - - li - list-style none - margin 0 - padding 0.2em 0 0.2em 0 - - ul li ul - padding 0 - - li.active - a - color #333 - - background-color #eee - -.markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4, .markdown-section strong - color #333 - font-weight 400 - -.markdown-section a - color var(--theme-color, $color-primary) - font-weight 400 - -.markdown-section p, .markdown-section ul, .markdown-section ol - line-height 1.6rem - margin 0 0 1em 0 - word-spacing 0.05rem - -.markdown-section h1 - font-size 2rem - font-weight 500 - margin 0 0 1rem - -.markdown-section h2 - font-size 1.8rem - font-weight 400 - margin 0 0 1rem 0 - padding 1rem 0 0 0 - -.markdown-section h3 - font-size 1.5rem - margin 52px 0 1.2rem - -.markdown-section h4 - font-size 1.25rem - -.markdown-section h5 - font-size 1rem - -.markdown-section h6 - color #777 - font-size 1rem - -.markdown-section figure, .markdown-section p, .markdown-section ul, .markdown-section ol - margin 1.2em 0 - -.markdown-section ul, .markdown-section ol - padding-left 1.5rem - -.markdown-section li - line-height 1.5 - margin 0 - -.markdown-section blockquote - border-left 4px solid var(--theme-color, $color-primary) - color #858585 - 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 - border-radius 3px - font-family Inconsolata - padding 0.2em 0.4rem - white-space nowrap - -.markdown-section pre - background-color #f9f9f9 - border-left 2px solid #eee - font-family Inconsolata - font-size 16px - margin 0 0 1em 0 - padding 8px - padding 0 10px 12px 0 - overflow auto - word-wrap normal - position relative - -/* code highlight */ -.token.cdata, .token.comment, .token.doctype, .token.prolog - color #93a1a1 /* base1 */ - -.token.punctuation - color #586e75 /* base01 */ - -.namespace - opacity 0.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 - background-color #f8f8f8 - border-radius 2px - display block - font-family Inconsolata - line-height 1.1rem - max-width inherit - overflow inherit - padding 20px 0.8em 20px - position relative - white-space inherit - -.markdown-section code::after, .markdown-section code::before - letter-spacing 0.05rem - -code .token - -webkit-font-smoothing initial - -moz-osx-font-smoothing initial - min-height 1.5rem diff --git a/src/themes/dark.css b/src/themes/dark.css new file mode 100644 index 0000000..0301271 --- /dev/null +++ b/src/themes/dark.css @@ -0,0 +1,300 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600'); + +$color-primary: #ea6f5a; +$color-bg: #3f3f3f; +$color-text: #c8c8c8; +$sidebar-width: 300px; + +@import 'basic/layout'; +@import 'basic/coverpage'; + +body { + background-color: $color-bg; +} + +/* sidebar */ +.sidebar { + background-color: $color-bg; + color: #c8c8c8; + + li { + margin: 6px 15px; + } + + ul li a { + color: #c8c8c8; + font-size: 14px; + overflow: hidden; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + + &:hover { + text-decoration: underline; + } + } + + ul li ul { + padding: 0; + } + + ul li.active > a { + color: var(--theme-color, $color-primary); + font-weight: 600; + } +} + +/* markdown content found on pages */ +.markdown-section h1, +.markdown-section h2, +.markdown-section h3, +.markdown-section h4, +.markdown-section strong { + color: #657b83; + font-weight: 600; +} + +.markdown-section a { + color: var(--theme-color, $color-primary); + font-weight: 600; +} + +.markdown-section h1 { + font-size: 2rem; + margin: 0 0 1rem; +} + +.markdown-section h2 { + font-size: 1.75rem; + margin: 45px 0 0.8rem; +} + +.markdown-section h3 { + font-size: 1.5rem; + margin: 40px 0 0.6rem; +} + +.markdown-section h4 { + font-size: 1.25rem; +} + +.markdown-section h5 { + font-size: 1rem; +} + +.markdown-section h6 { + color: #777; + font-size: 1rem; +} + +.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 { + line-height: 1.6rem; + word-spacing: 0.05rem; +} + +.markdown-section ul, +.markdown-section ol { + padding-left: 1.5rem; +} + +.markdown-section blockquote { + border-left: 4px solid var(--theme-color, $color-primary); + color: #858585; + 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: #282828; + border-radius: 2px; + color: #657b83; + font-family: 'Roboto Mono', Monaco, courier, monospace; + font-size: 0.8rem; + margin: 0 2px; + padding: 3px 5px; + white-space: pre-wrap; +} + +.markdown-section pre { + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + background-color: #282828; + font-family: 'Roboto Mono', Monaco, courier, monospace; + line-height: 1.5rem; + margin: 1.2em 0; + overflow: auto; + padding: 0 1.4rem; + position: relative; + word-wrap: normal; +} + +/* code highlight */ +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #8e908c; +} + +.token.namespace { + opacity: 0.7; +} + +.token.boolean, +.token.number { + color: #c76b29; +} + +.token.punctuation { + color: #525252; +} + +.token.property { + color: #c08b30; +} + +.token.tag { + color: #2973b7; +} + +.token.string { + color: var(--theme-color, $color-primary); +} + +.token.selector { + color: #6679cc; +} + +.token.attr-name { + color: #2973b7; +} + +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #22a2c9; +} + +.token.attr-value, +.token.control, +.token.directive, +.token.unit { + color: var(--theme-color, $color-primary); +} + +.token.keyword { + color: #e96900; +} + +.token.statement, +.token.regex, +.token.atrule { + color: #22a2c9; +} + +.token.placeholder, +.token.variable { + color: #3d8fd1; +} + +.token.deleted { + text-decoration: line-through; +} + +.token.inserted { + border-bottom: 1px dotted #202746; + text-decoration: none; +} + +.token.italic { + font-style: italic; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.important { + color: #c94922; +} + +.token.entity { + cursor: help; +} + +.markdown-section pre > code { + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + background-color: #282828; + border-radius: 2px; + color: #657b83; + display: block; + font-family: 'Roboto Mono', Monaco, courier, monospace; + font-size: 0.8rem; + line-height: inherit; + margin: 0 2px; + max-width: inherit; + overflow: inherit; + padding: 2.2em 5px; + white-space: inherit; +} + +.markdown-section code::after, +.markdown-section code::before { + letter-spacing: 0.05rem; +} + +code .token { + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + min-height: 1.5rem; +} + +pre::after { + color: #ccc; + content: attr(data-lang); + font-size: 0.6rem; + font-weight: 600; + height: 15px; + line-height: 15px; + padding: 5px 10px 0; + position: absolute; + right: 0; + text-align: right; + top: 0; +} + +.markdown-section p.tip { + background-color: #282828; + color: #657b83; +} + +input[type='search'] { + background: #4f4f4f; + border-color: #4f4f4f; + color: #c8c8c8; +} diff --git a/src/themes/dark.styl b/src/themes/dark.styl deleted file mode 100644 index 02ca630..0000000 --- a/src/themes/dark.styl +++ /dev/null @@ -1,225 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600') - -$color-primary = #ea6f5a -$color-bg = #3f3f3f -$color-text = #c8c8c8 -$sidebar-width = 300px - -@import 'basic/_layout' -@import 'basic/_coverpage' - -body - background-color $color-bg - -/* sidebar */ -.sidebar - background-color $color-bg - color #c8c8c8 - - li - margin 6px 15px 6px 0 - - ul li a - color #c8c8c8 - font-size 14px - overflow hidden - text-decoration none - text-overflow ellipsis - white-space nowrap - - &:hover - text-decoration underline - - ul li ul - padding 0 - - ul li.active > a - color var(--theme-color, $color-primary) - font-weight 600 - -/* markdown content found on pages */ -.markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4, .markdown-section strong - color #657b83 - font-weight 600 - -.markdown-section a - color var(--theme-color, $color-primary) - font-weight 600 - -.markdown-section h1 - font-size 2rem - margin 0 0 1rem - -.markdown-section h2 - font-size 1.75rem - margin 45px 0 0.8rem - -.markdown-section h3 - font-size 1.5rem - margin 40px 0 0.6rem - -.markdown-section h4 - font-size 1.25rem - -.markdown-section h5 - font-size 1rem - -.markdown-section h6 - color #777 - font-size 1rem - -.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 - line-height 1.6rem - word-spacing 0.05rem - -.markdown-section ul, .markdown-section ol - padding-left 1.5rem - -.markdown-section blockquote - border-left 4px solid var(--theme-color, $color-primary) - color #858585 - 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 #282828 - border-radius 2px - color #657b83 - font-family 'Roboto Mono', Monaco, courier, monospace - font-size 0.8rem - margin 0 2px - padding 3px 5px - white-space pre-wrap - -.markdown-section pre - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - background-color #282828 - font-family 'Roboto Mono', Monaco, courier, monospace - line-height 1.5rem - margin 1.2em 0 - overflow auto - padding 0 1.4rem - position relative - word-wrap normal - -/* code highlight */ -.token.comment, .token.prolog, .token.doctype, .token.cdata - color #8e908c - -.token.namespace - opacity 0.7 - -.token.boolean, .token.number - color #c76b29 - -.token.punctuation - color #525252 - -.token.property - color #c08b30 - -.token.tag - color #2973b7 - -.token.string - color var(--theme-color, $color-primary) - -.token.selector - color #6679cc - -.token.attr-name - color #2973b7 - -.token.entity, .token.url, .language-css .token.string, .style .token.string - color #22a2c9 - -.token.attr-value, .token.control, .token.directive, .token.unit - color var(--theme-color, $color-primary) - -.token.keyword - color #e96900 - -.token.statement, .token.regex, .token.atrule - color #22a2c9 - -.token.placeholder, .token.variable - color #3d8fd1 - -.token.deleted - text-decoration line-through - -.token.inserted - border-bottom 1px dotted #202746 - text-decoration none - -.token.italic - font-style italic - -.token.important, .token.bold - font-weight bold - -.token.important - color #c94922 - -.token.entity - cursor help - -.markdown-section pre > code - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - background-color #282828 - border-radius 2px - color #657b83 - display block - font-family 'Roboto Mono', Monaco, courier, monospace - font-size 0.8rem - line-height inherit - margin 0 2px - max-width inherit - overflow inherit - padding 2.2em 5px - white-space inherit - -.markdown-section code::after, .markdown-section code::before - letter-spacing 0.05rem - -code .token - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - min-height 1.5rem - -pre::after - color #ccc - content attr(data-lang) - font-size 0.6rem - font-weight 600 - height 15px - line-height 15px - padding 5px 10px 0 - position absolute - right 0 - text-align right - top 0 - -.markdown-section p.tip - background-color #282828 - color #657b83 - -input[type='search'] - background #4f4f4f - border-color #4f4f4f - color #c8c8c8 diff --git a/src/themes/dolphin.styl b/src/themes/dolphin.styl deleted file mode 100644 index f5ea286..0000000 --- a/src/themes/dolphin.styl +++ /dev/null @@ -1,228 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Thasadith:400,400i,700') - -$color-primary = #00ffff -$color-bg = #f0ffff -$color-text = #34495e -$sidebar-width = 300px - -@import 'basic/_layout' -@import 'basic/_coverpage' - -body - background-color $color-bg - -/* sidebar */ -.sidebar - background-color $color-bg - color #364149 - - li - margin 6px 0 6px 0 - - ul li a - color #505d6b - font-size 14px - font-weight normal - overflow hidden - text-decoration none - text-overflow ellipsis - white-space nowrap - - &:hover - text-decoration underline - - ul li ul - padding 0 - - ul li.active > a - border-right 2px solid - color var(--theme-color, $color-primary) - font-weight 600 - -.app-sub-sidebar - li - &::before - content '-' - padding-right 4px - float left - -/* markdown content found on pages */ -.markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4, .markdown-section strong - color #2c3e50 - font-weight 600 - -.markdown-section a - color var(--theme-color, $color-primary) - font-weight 600 - - &:hover - text-decoration underline - -.markdown-section h1 - font-size 2rem - margin 0 0 1rem - -.markdown-section h2 - font-size 1.75rem - margin 45px 0 0.8rem - -.markdown-section h3 - font-size 1.5rem - margin 40px 0 0.6rem - -.markdown-section h4 - font-size 1.25rem - -.markdown-section h5 - font-size 1rem - -.markdown-section h6 - color #777 - font-size 1rem - -.markdown-section figure, .markdown-section p - margin 1.2em 0 - -.markdown-section p, .markdown-section ul, .markdown-section ol - line-height 1.6rem - word-spacing 0.05rem - -.markdown-section ul, .markdown-section ol - padding-left 1.5rem - -.markdown-section blockquote - border-left 4px solid var(--theme-color, $color-primary) - color #858585 - 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 #f8f8f8 - border-radius 2px - color #e96900 - font-family 'Roboto Mono', Monaco, courier, monospace - font-size 0.8rem - margin 0 2px - padding 3px 5px - white-space pre-wrap - -.markdown-section pre - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - background-color #f8f8f8 - font-family 'Roboto Mono', Monaco, courier, monospace - line-height 1.5rem - margin 1.2em 0 - overflow auto - padding 0 1.4rem - position relative - word-wrap normal - -/* code highlight */ -.token.comment, .token.prolog, .token.doctype, .token.cdata - color #8e908c - -.token.namespace - opacity 0.7 - -.token.boolean, .token.number - color #c76b29 - -.token.punctuation - color #525252 - -.token.property - color #c08b30 - -.token.tag - color #2973b7 - -.token.string - color var(--theme-color, $color-primary) - -.token.selector - color #6679cc - -.token.attr-name - color #2973b7 - -.token.entity, .token.url, .language-css .token.string, .style .token.string - color #22a2c9 - -.token.attr-value, .token.control, .token.directive, .token.unit - color var(--theme-color, $color-primary) - -.token.keyword, .token.function - color #e96900 - -.token.statement, .token.regex, .token.atrule - color #22a2c9 - -.token.placeholder, .token.variable - color #3d8fd1 - -.token.deleted - text-decoration line-through - -.token.inserted - border-bottom 1px dotted #202746 - text-decoration none - -.token.italic - font-style italic - -.token.important, .token.bold - font-weight bold - -.token.important - color #c94922 - -.token.entity - cursor help - -.markdown-section pre > code - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - background-color #f8f8f8 - border-radius 2px - color #525252 - display block - font-family 'Roboto Mono', Monaco, courier, monospace - font-size 0.8rem - line-height inherit - margin 0 2px - max-width inherit - overflow inherit - padding 2.2em 5px - white-space inherit - -.markdown-section code::after, .markdown-section code::before - letter-spacing 0.05rem - -code .token - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - min-height 1.5rem - -pre::after - color #ccc - content attr(data-lang) - font-size 0.6rem - font-weight 600 - height 15px - line-height 15px - padding 5px 10px 0 - position absolute - right 0 - text-align right - top 0 diff --git a/src/themes/pure.css b/src/themes/pure.css new file mode 100644 index 0000000..503b412 --- /dev/null +++ b/src/themes/pure.css @@ -0,0 +1,6 @@ +$color-primary: #000; +$color-bg: #fff; +$color-text: #000; +$sidebar-width: 300px; +@import 'basic/layout'; +@import 'basic/coverpage'; diff --git a/src/themes/pure.styl b/src/themes/pure.styl deleted file mode 100644 index 37d0b76..0000000 --- a/src/themes/pure.styl +++ /dev/null @@ -1,7 +0,0 @@ -$color-primary = #000 -$color-bg = #fff -$color-text = #000 -$sidebar-width = 300px - -@import 'basic/_layout' -@import 'basic/_coverpage' diff --git a/src/themes/vue.css b/src/themes/vue.css new file mode 100644 index 0000000..e7ce2eb --- /dev/null +++ b/src/themes/vue.css @@ -0,0 +1,299 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600'); + +$color-primary: #42b983; +$color-bg: #fff; +$color-text: #34495e; +$sidebar-width: 300px; + +@import 'basic/layout'; +@import 'basic/coverpage'; + +body { + background-color: $color-bg; +} + +/* sidebar */ +.sidebar { + background-color: $color-bg; + color: #364149; + + li { + margin: 6px 0 6px 15px; + } + + ul li a { + color: #505d6b; + font-size: 14px; + font-weight: normal; + overflow: hidden; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + + &:hover { + text-decoration: underline; + } + } + + ul li ul { + padding: 0; + } + + ul li.active > a { + border-right: 2px solid; + color: var(--theme-color, $color-primary); + font-weight: 600; + } +} + +.app-sub-sidebar { + li { + &::before { + content: '-'; + padding-right: 4px; + float: left; + } + } +} + +/* markdown content found on pages */ +.markdown-section h1, +.markdown-section h2, +.markdown-section h3, +.markdown-section h4, +.markdown-section strong { + color: #2c3e50; + font-weight: 600; +} + +.markdown-section a { + color: var(--theme-color, $color-primary); + font-weight: 600; +} + +.markdown-section h1 { + font-size: 2rem; + margin: 0 0 1rem; +} + +.markdown-section h2 { + font-size: 1.75rem; + margin: 45px 0 0.8rem; +} + +.markdown-section h3 { + font-size: 1.5rem; + margin: 40px 0 0.6rem; +} + +.markdown-section h4 { + font-size: 1.25rem; +} + +.markdown-section h5 { + font-size: 1rem; +} + +.markdown-section h6 { + color: #777; + font-size: 1rem; +} + +.markdown-section figure, +.markdown-section p { + margin: 1.2em 0; +} + +.markdown-section p, +.markdown-section ul, +.markdown-section ol { + line-height: 1.6rem; + word-spacing: 0.05rem; +} + +.markdown-section ul, +.markdown-section ol { + padding-left: 1.5rem; +} + +.markdown-section blockquote { + border-left: 4px solid var(--theme-color, $color-primary); + color: #858585; + 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: #f8f8f8; + border-radius: 2px; + color: #e96900; + font-family: 'Roboto Mono', Monaco, courier, monospace; + font-size: 0.8rem; + margin: 0 2px; + padding: 3px 5px; + white-space: pre-wrap; +} + +.markdown-section pre { + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + background-color: #f8f8f8; + font-family: 'Roboto Mono', Monaco, courier, monospace; + line-height: 1.5rem; + margin: 1.2em 0; + overflow: auto; + padding: 0 1.4rem; + position: relative; + word-wrap: normal; +} + +/* code highlight */ +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #8e908c; +} + +.token.namespace { + opacity: 0.7; +} + +.token.boolean, +.token.number { + color: #c76b29; +} + +.token.punctuation { + color: #525252; +} + +.token.property { + color: #c08b30; +} + +.token.tag { + color: #2973b7; +} + +.token.string { + color: var(--theme-color, $color-primary); +} + +.token.selector { + color: #6679cc; +} + +.token.attr-name { + color: #2973b7; +} + +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #22a2c9; +} + +.token.attr-value, +.token.control, +.token.directive, +.token.unit { + color: var(--theme-color, $color-primary); +} + +.token.keyword { + color: #e96900; +} + +.token.statement, +.token.regex, +.token.atrule { + color: #22a2c9; +} + +.token.placeholder, +.token.variable { + color: #3d8fd1; +} + +.token.deleted { + text-decoration: line-through; +} + +.token.inserted { + border-bottom: 1px dotted #202746; + text-decoration: none; +} + +.token.italic { + font-style: italic; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.important { + color: #c94922; +} + +.token.entity { + cursor: help; +} + +.markdown-section pre > code { + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + background-color: #f8f8f8; + border-radius: 2px; + color: #525252; + display: block; + font-family: 'Roboto Mono', Monaco, courier, monospace; + font-size: 0.8rem; + line-height: inherit; + margin: 0 2px; + max-width: inherit; + overflow: inherit; + padding: 2.2em 5px; + white-space: inherit; +} + +.markdown-section code::after, +.markdown-section code::before { + letter-spacing: 0.05rem; +} + +code .token { + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + min-height: 1.5rem; +} + +pre::after { + color: #ccc; + content: attr(data-lang); + font-size: 0.6rem; + font-weight: 600; + height: 15px; + line-height: 15px; + padding: 5px 10px 0; + position: absolute; + right: 0; + text-align: right; + top: 0; +} diff --git a/src/themes/vue.styl b/src/themes/vue.styl deleted file mode 100644 index 98c416e..0000000 --- a/src/themes/vue.styl +++ /dev/null @@ -1,225 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600') - -$color-primary = #42b983 -$color-bg = #fff -$color-text = #34495e -$sidebar-width = 300px - -@import 'basic/_layout' -@import 'basic/_coverpage' - -body - background-color $color-bg - -/* sidebar */ -.sidebar - background-color $color-bg - color #364149 - - li - margin 6px 0 6px 0 - - ul li a - color #505d6b - font-size 14px - font-weight normal - overflow hidden - text-decoration none - text-overflow ellipsis - white-space nowrap - - &:hover - text-decoration underline - - ul li ul - padding 0 - - ul li.active > a - border-right 2px solid - color var(--theme-color, $color-primary) - font-weight 600 - -.app-sub-sidebar - li - &::before - content '-' - padding-right 4px - float left - -/* markdown content found on pages */ -.markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4, .markdown-section strong - color #2c3e50 - font-weight 600 - -.markdown-section a - color var(--theme-color, $color-primary) - font-weight 600 - -.markdown-section h1 - font-size 2rem - margin 0 0 1rem - -.markdown-section h2 - font-size 1.75rem - margin 45px 0 0.8rem - -.markdown-section h3 - font-size 1.5rem - margin 40px 0 0.6rem - -.markdown-section h4 - font-size 1.25rem - -.markdown-section h5 - font-size 1rem - -.markdown-section h6 - color #777 - font-size 1rem - -.markdown-section figure, .markdown-section p - margin 1.2em 0 - -.markdown-section p, .markdown-section ul, .markdown-section ol - line-height 1.6rem - word-spacing 0.05rem - -.markdown-section ul, .markdown-section ol - padding-left 1.5rem - -.markdown-section blockquote - border-left 4px solid var(--theme-color, $color-primary) - color #858585 - 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 #f8f8f8 - border-radius 2px - color #e96900 - font-family 'Roboto Mono', Monaco, courier, monospace - font-size 0.8rem - margin 0 2px - padding 3px 5px - white-space pre-wrap - -.markdown-section pre - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - background-color #f8f8f8 - font-family 'Roboto Mono', Monaco, courier, monospace - line-height 1.5rem - margin 1.2em 0 - overflow auto - padding 0 1.4rem - position relative - word-wrap normal - -/* code highlight */ -.token.comment, .token.prolog, .token.doctype, .token.cdata - color #8e908c - -.token.namespace - opacity 0.7 - -.token.boolean, .token.number - color #c76b29 - -.token.punctuation - color #525252 - -.token.property - color #c08b30 - -.token.tag - color #2973b7 - -.token.string - color var(--theme-color, $color-primary) - -.token.selector - color #6679cc - -.token.attr-name - color #2973b7 - -.token.entity, .token.url, .language-css .token.string, .style .token.string - color #22a2c9 - -.token.attr-value, .token.control, .token.directive, .token.unit - color var(--theme-color, $color-primary) - -.token.keyword, .token.function - color #e96900 - -.token.statement, .token.regex, .token.atrule - color #22a2c9 - -.token.placeholder, .token.variable - color #3d8fd1 - -.token.deleted - text-decoration line-through - -.token.inserted - border-bottom 1px dotted #202746 - text-decoration none - -.token.italic - font-style italic - -.token.important, .token.bold - font-weight bold - -.token.important - color #c94922 - -.token.entity - cursor help - -.markdown-section pre > code - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - background-color #f8f8f8 - border-radius 2px - color #525252 - display block - font-family 'Roboto Mono', Monaco, courier, monospace - font-size 0.8rem - line-height inherit - margin 0 2px - max-width inherit - overflow inherit - padding 2.2em 5px - white-space inherit - -.markdown-section code::after, .markdown-section code::before - letter-spacing 0.05rem - -code .token - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - min-height 1.5rem - -pre::after - color #ccc - content attr(data-lang) - font-size 0.6rem - font-weight 600 - height 15px - line-height 15px - padding 5px 10px 0 - position absolute - right 0 - text-align right - top 0 diff --git a/test/_helper.js b/test/_helper.js deleted file mode 100644 index 4b4abce..0000000 --- a/test/_helper.js +++ /dev/null @@ -1,87 +0,0 @@ -// load ES6 modules in Node.js on the fly -require = require('esm')(module/*, options*/) - -const path = require('path') -const {expect} = require('chai') - -const {JSDOM} = require('jsdom') - -function ready(callback) { - const state = document.readyState - - if (state === 'complete' || state === 'interactive') { - return setTimeout(callback, 0) - } - - document.addEventListener('DOMContentLoaded', callback) -} -module.exports.init = function(fixture = 'default', config = {}, markup) { - if (markup == null) { - markup = ` - - - - - - - ` - } - const rootPath = path.join(__dirname, 'fixtures', fixture) - - const dom = new JSDOM(markup) - dom.reconfigure({ url: 'file:///' + rootPath }) - - global.window = dom.window - global.document = dom.window.document - global.navigator = dom.window.navigator - global.location = dom.window.location - global.XMLHttpRequest = dom.window.XMLHttpRequest - - // mimic src/core/index.js but for Node.js - function Docsify() { - this._init() - } - - const proto = Docsify.prototype - - const {initMixin} = require('../src/core/init') - const {routerMixin} = require('../src/core//router') - const {renderMixin} = require('../src/core//render') - const {fetchMixin} = require('../src/core/fetch') - const {eventMixin} = require('../src/core//event') - - initMixin(proto) - routerMixin(proto) - renderMixin(proto) - fetchMixin(proto) - eventMixin(proto) - - const NOT_INIT_PATTERN = '' - - return new Promise((resolve, reject) => { - ready(() => { - const docsify = new Docsify() - // NOTE: I was not able to get it working with a callback, but polling works usually at the first time - const id = setInterval(() => { - if (dom.window.document.body.innerHTML.indexOf(NOT_INIT_PATTERN) == -1) { - clearInterval(id) - return resolve({ - docsify: docsify, - dom: dom - }) - } - }, 10) - }) - - }) -} -module.exports.expectSameDom = function(actual, expected) { - const WHITESPACES_BETWEEN_TAGS = />(\s\s+) diff --git a/test/fixtures/simple/README.md b/test/fixtures/simple/README.md deleted file mode 100644 index 0f3fd46..0000000 --- a/test/fixtures/simple/README.md +++ /dev/null @@ -1,18 +0,0 @@ -# Heading - -[another page](other.md) - -## II 1 - -### III 1 - -#### IV 1 - -##### V 1 - - -## II 2 - -### III 2 - -#### IV 2 diff --git a/test/fixtures/simple/other-page.md b/test/fixtures/simple/other-page.md deleted file mode 100644 index 4bc6e98..0000000 --- a/test/fixtures/simple/other-page.md +++ /dev/null @@ -1,16 +0,0 @@ -# Other - -## two 1 - -### three 1 - -#### four 1 - -##### five 1 - - -## two 2 - -### three 2 - -#### four 2 diff --git a/test/integration/render.js b/test/integration/render.js deleted file mode 100644 index 7b2b253..0000000 --- a/test/integration/render.js +++ /dev/null @@ -1,14 +0,0 @@ -const path = require('path') - -const {expect} = require('chai') - -const {init, expectSameDom} = require('../_helper') - -describe('full docsify initialization', function() { - it('TODO: check generated markup', async function() { - const {docsify, dom} = await init('simple', {loadSidebar: true}) - console.log(dom.window.document.body.innerHTML) - // TODO: add some expectations - }) - -}) diff --git a/test/integration/router.js b/test/integration/router.js deleted file mode 100644 index b87e802..0000000 --- a/test/integration/router.js +++ /dev/null @@ -1,14 +0,0 @@ -const path = require('path') - -const {expect} = require('chai') - -const {init, expectSameDom} = require('../_helper') - -describe('router', function() { - it('TODO: trigger to load another page', async function() { - const {docsify} = await init() - window.location = '/?foo=bar' - // TODO: add some expectations - }) - -}) diff --git a/test/unit/base.js b/test/unit/base.js deleted file mode 100644 index 036700b..0000000 --- a/test/unit/base.js +++ /dev/null @@ -1,62 +0,0 @@ -/* eslint-env node, chai, mocha */ -require = require('esm')(module/*, options*/) -const {expect} = require('chai') -const {History} = require('../../src/core/router/history/base') - -class MockHistory extends History { - parse(path) { - return {path} - } -} - -describe('router/history/base', function () { - describe('relativePath true', function () { - var history - - beforeEach(function () { - history = new MockHistory({relativePath: true}) - }) - - it('toURL', function () { - // WHEN - const url = history.toURL('guide.md', {}, '/zh-ch/') - - // THEN - expect(url).equal('/zh-ch/guide') - }) - - it('toURL with double dot', function () { - // WHEN - const url = history.toURL('../README.md', {}, '/zh-ch/') - - // THEN - expect(url).equal('/README') - }) - - it('toURL child path', function () { - // WHEN - const url = history.toURL('config/example.md', {}, '/zh-ch/') - - // THEN - expect(url).equal('/zh-ch/config/example') - }) - - it('toURL absolute path', function () { - // WHEN - const url = history.toURL('/README', {}, '/zh-ch/') - - // THEN - expect(url).equal('/README') - }) - }) - - it('toURL without relative path', function () { - const history = new MockHistory({relativePath: false}) - - // WHEN - const url = history.toURL('README', {}, '/zh-ch/') - - // THEN - expect(url).equal('/README') - }) -}) diff --git a/test/unit/render.js b/test/unit/render.js deleted file mode 100644 index 25043cf..0000000 --- a/test/unit/render.js +++ /dev/null @@ -1,89 +0,0 @@ -const path = require('path') - -const {expect} = require('chai') - -const {init, expectSameDom} = require('../_helper') - -describe('render', function() { - it('important content (tips)', async function() { - const {docsify, dom} = await init() - const output = docsify.compiler.compile('!> **Time** is money, my friend!') - expect(output).equal('Time is money, my friend!
') - }) - - describe('lists', function() { - it('as unordered task list', async function() { - const {docsify, dom} = await init() - const output = docsify.compiler.compile(` -- [x] Task 1 -- [ ] Task 2 -- [ ] Task 3`) - expect(output, `text
-