jekyll-theme-mdui 0.5.2.4 → 0.5.3

data/_includes/content/editor.html

@@ -1,1059 +1,1059 @@
-{% if site.data.site.lang == null or site.data.site.lang == "" %}
-{% assign lang = site.data.lang.en-US %}
-{% else %}
-{% assign lang = site.data.lang[site.data.site.lang] %}
-{% endif %}
-{% capture categories %}		
-{% for c in site.categories %}		
-{{c[0]}}		
-{% endfor %}		
-{% endcapture %}		
-{% assign sortedcategories = categories | split:' ' | sort %}
-<style>
-.textarea-wrap{
-  height: 100%;
-}
-#preview{
-     max-width: 904px;
-}
-.k-post-media {
-    display:block
-    cursor: pointer;
-    max-height: 245px;
-    min-height: 245px;
-    background-position: 50% 50%;
-    background-size: cover;
-    background-color: white;
-}
-.k-post-media .mdui-card-primary-title a {
-    text-decoration: none;
-}
-</style>
-<div class="k-posts-list"></div>
-<div class="k-container">
-<div class="mdui-dialog" id="frontMatter">
-    <div class="mdui-dialog-content">
-      <div class="mdui-dialog-title">{{lang.editor.frontmatter.name}}</div>
-        <h3>{{lang.editor.frontmatter.title}}</h3>
-        <div class="mdui-textfield">
-            <input id="editorTitle" class="mdui-textfield-input" type="text"/>
-        </div>
-        <h3>{{lang.editor.frontmatter.date}}</h3>
-        <div class="mdui-textfield">
-            <input id="editorDate" class="mdui-textfield-input datepicker" type="date"/>
-        </div>
-        <h3>{{lang.editor.frontmatter.categories}}</h3>
-        <div class="mdui-row-md-4 mdui-row-sm-3">
-            {% for c in sortedcategories %}
-            <div class="mdui-col">
-                <label class="mdui-radio">
-                    <input type="radio" value="{{c}}" name="categories">
-                    <i class="mdui-radio-icon"></i>
-                    {{c}}
-                </label>
-            </div>
-            {% endfor %}
-            <div class="mdui-col">
-                <label id="radio_custom" class="mdui-radio mdui-float-left">
-                    <input type="radio" value="radio_custom" name="categories">
-                    <i class="mdui-radio-icon"></i>
-                    </label>
-                <div style="padding-top: 0px;" class="mdui-textfield">
-                    <input id="editorCategories" class="mdui-textfield-input" name="radio_custom" type="text" placeholder="categories">
-                </div>
-            </div>
-        </div>
-        <h3>{{lang.editor.frontmatter.tags}}</h3>
-        <div class="chips chips-initial"></div>
-        <h3>{{lang.editor.frontmatter.image}}</h3>
-        <div class="mdui-textfield">
-            <input id="imgurl" class="mdui-textfield-input" type="text" placeholder="imgUrl"> 
-        </div>
-    </div>
-</div>
-
-<div class="mdui-dialog" id="preview">
-    <div class="mdui-dialog-content">
-      <div class="mdui-dialog-title">{{lang.editor.preview}}</div>
-      <div class="mdui-card k-postcontent">
-        <div class="mdui-card-media k-post-media">
-          <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
-            <div class="mdui-card-primary">
-              <div class="mdui-card-primary-title">
-
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="mdui-card-header">
-          <img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}">
-          <div class="mdui-card-header-title">{{site.author}}</div>
-          <div class="mdui-card-header-subtitle k-data"></div>
-        </div>
-        <div class="mdui-card-content mdui-typo" id="previewContent"></div>
-      </div>
-    </div>
-</div>
-
-<div class="mdui-card">
-    <div class="mdui-card-content">
-        <h3>{{lang.editor.content}}</h3>
-        <div class="mdui-textfield">
-            <textarea id="editorContent" class="mdui-textfield-input" placeholder="Description"></textarea>
-        </div>
-    </div>
-    <div class="mdui-card-actions">
-        <a class="mdui-btn mdui-ripple" mdui-dialog="{target: '#frontMatter'}">{{lang.editor.frontmatter.name}}</a>
-        <a id="previewBtn" class="mdui-btn mdui-ripple" mdui-dialog="{target: '#preview'}">{{lang.editor.preview}}</a>
-        <a id="download" class="mdui-btn mdui-ripple mdui-float-right">{{lang.editor.download}}</a>
-    </div>
-</div>
-</div>
-
-<!--marked-->
-<script>
-(function () {
-    var block = {
-        newline: /^\n+/,
-        code: /^( {4}[^\n]+\n*)+/,
-        fences: noop,
-        hr: /^( *[-*_]){3,} *(?:\n+|$)/,
-        heading: /^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/,
-        nptable: noop,
-        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: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +["(]([^\n]+)[")])? *(?:\n+|$)/,
-        table: noop,
-        paragraph: /^((?:[^\n]+\n?(?!hr|heading|lheading|blockquote|tag|def))+)\n*/,
-        text: /^[^\n]+/
-    };
-    block.bullet = /(?:[*+-]|\d+\.)/;
-    block.item = /^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/;
-    block.item = replace(block.item, "gm")(/bull/g, block.bullet)();
-    block.list = replace(block.list)(/bull/g, block.bullet)("hr", "\\n+(?=\\1?(?:[-*_] *){3,}(?:\\n+|$))")("def", "\\n+(?=" + block.def.source + ")")();
-    block.blockquote = replace(block.blockquote)("def", block.def)();
-    block._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";
-    block.html = replace(block.html)("comment", /<!--[\s\S]*?-->/)("closed", /<(tag)[\s\S]+?<\/\1>/)("closing", /<tag(?:"[^"]*"|'[^']*'|[^'">])*?>/)(/tag/g, block._tag)();
-    block.paragraph = replace(block.paragraph)("hr", block.hr)("heading", block.heading)("lheading", block.lheading)("blockquote", block.blockquote)("tag", "<" + block._tag)("def", block.def)();
-    block.normal = merge({}, block);
-    block.gfm = merge({}, block.normal, {
-        fences: /^ *(`{3,}|~{3,})[ \.]*(\S+)? *\n([\s\S]*?)\s*\1 *(?:\n+|$)/,
-        paragraph: /^/,
-        heading: /^ *(#{1,6}) +([^\n]+?) *#* *(?:\n+|$)/
-    });
-    block.gfm.paragraph = replace(block.paragraph)("(?!", "(?!" + block.gfm.fences.source.replace("\\1", "\\2") + "|" + block.list.source.replace("\\1", "\\3") + "|")();
-    block.tables = merge({}, block.gfm, {
-        nptable: /^ *(\S.*\|.*)\n *([-:]+ *\|[-| :]*)\n((?:.*\|.*(?:\n|$))*)\n*/,
-        table: /^ *\|(.+)\n *\|( *[-:]+[-| :]*)\n((?: *\|.*(?:\n|$))*)\n*/
-    });
-
-    function Lexer(options) {
-        this.tokens = [];
-        this.tokens.links = {};
-        this.options = options || marked.defaults;
-        this.rules = block.normal;
-        if (this.options.gfm) {
-            if (this.options.tables) {
-                this.rules = block.tables
-            } else {
-                this.rules = block.gfm
-            }
-        }
-    }
-    Lexer.rules = block;
-    Lexer.lex = function (src, options) {
-        var lexer = new Lexer(options);
-        return lexer.lex(src)
-    };
-    Lexer.prototype.lex = function (src) {
-        src = src.replace(/\r\n|\r/g, "\n").replace(/\t/g, "    ").replace(/\u00a0/g, " ").replace(/\u2424/g, "\n");
-        return this.token(src, true)
-    };
-    Lexer.prototype.token = function (src, top, bq) {
-        var src = src.replace(/^ +$/gm, ""),
-            next, loose, cap, bull, b, item, space, i, l;
-        while (src) {
-            if (cap = this.rules.newline.exec(src)) {
-                src = src.substring(cap[0].length);
-                if (cap[0].length > 1) {
-                    this.tokens.push({
-                        type: "space"
-                    })
-                }
-            }
-            if (cap = this.rules.code.exec(src)) {
-                src = src.substring(cap[0].length);
-                cap = cap[0].replace(/^ {4}/gm, "");
-                this.tokens.push({
-                    type: "code",
-                    text: !this.options.pedantic ? cap.replace(/\n+$/, "") : cap
-                });
-                continue
-            }
-            if (cap = this.rules.fences.exec(src)) {
-                src = src.substring(cap[0].length);
-                this.tokens.push({
-                    type: "code",
-                    lang: cap[2],
-                    text: cap[3] || ""
-                });
-                continue
-            }
-            if (cap = this.rules.heading.exec(src)) {
-                src = src.substring(cap[0].length);
-                this.tokens.push({
-                    type: "heading",
-                    depth: cap[1].length,
-                    text: cap[2]
-                });
-                continue
-            }
-            if (top && (cap = this.rules.nptable.exec(src))) {
-                src = src.substring(cap[0].length);
-                item = {
-                    type: "table",
-                    header: cap[1].replace(/^ *| *\| *$/g, "").split(/ *\| */),
-                    align: cap[2].replace(/^ *|\| *$/g, "").split(/ *\| */),
-                    cells: cap[3].replace(/\n$/, "").split("\n")
-                };
-                for (i = 0; i < item.align.length; i++) {
-                    if (/^ *-+: *$/.test(item.align[i])) {
-                        item.align[i] = "right"
-                    } else {
-                        if (/^ *:-+: *$/.test(item.align[i])) {
-                            item.align[i] = "center"
-                        } else {
-                            if (/^ *:-+ *$/.test(item.align[i])) {
-                                item.align[i] = "left"
-                            } else {
-                                item.align[i] = null
-                            }
-                        }
-                    }
-                }
-                for (i = 0; i < item.cells.length; i++) {
-                    item.cells[i] = item.cells[i].split(/ *\| */)
-                }
-                this.tokens.push(item);
-                continue
-            }
-            if (cap = this.rules.lheading.exec(src)) {
-                src = src.substring(cap[0].length);
-                this.tokens.push({
-                    type: "heading",
-                    depth: cap[2] === "=" ? 1 : 2,
-                    text: cap[1]
-                });
-                continue
-            }
-            if (cap = this.rules.hr.exec(src)) {
-                src = src.substring(cap[0].length);
-                this.tokens.push({
-                    type: "hr"
-                });
-                continue
-            }
-            if (cap = this.rules.blockquote.exec(src)) {
-                src = src.substring(cap[0].length);
-                this.tokens.push({
-                    type: "blockquote_start"
-                });
-                cap = cap[0].replace(/^ *> ?/gm, "");
-                this.token(cap, top, true);
-                this.tokens.push({
-                    type: "blockquote_end"
-                });
-                continue
-            }
-            if (cap = this.rules.list.exec(src)) {
-                src = src.substring(cap[0].length);
-                bull = cap[2];
-                this.tokens.push({
-                    type: "list_start",
-                    ordered: bull.length > 1
-                });
-                cap = cap[0].match(this.rules.item);
-                next = false;
-                l = cap.length;
-                i = 0;
-                for (; i < l; i++) {
-                    item = cap[i];
-                    space = item.length;
-                    item = item.replace(/^ *([*+-]|\d+\.) +/, "");
-                    if (~item.indexOf("\n ")) {
-                        space -= item.length;
-                        item = !this.options.pedantic ? item.replace(new RegExp("^ {1," + space + "}", "gm"), "") : item.replace(/^ {1,4}/gm, "")
-                    }
-                    if (this.options.smartLists && i !== l - 1) {
-                        b = block.bullet.exec(cap[i + 1])[0];
-                        if (bull !== b && !(bull.length > 1 && b.length > 1)) {
-                            src = cap.slice(i + 1).join("\n") + src;
-                            i = l - 1
-                        }
-                    }
-                    loose = next || /\n\n(?!\s*$)/.test(item);
-                    if (i !== l - 1) {
-                        next = item.charAt(item.length - 1) === "\n";
-                        if (!loose) {
-                            loose = next
-                        }
-                    }
-                    this.tokens.push({
-                        type: loose ? "loose_item_start" : "list_item_start"
-                    });
-                    this.token(item, false, bq);
-                    this.tokens.push({
-                        type: "list_item_end"
-                    })
-                }
-                this.tokens.push({
-                    type: "list_end"
-                });
-                continue
-            }
-            if (cap = this.rules.html.exec(src)) {
-                src = src.substring(cap[0].length);
-                this.tokens.push({
-                    type: this.options.sanitize ? "paragraph" : "html",
-                    pre: !this.options.sanitizer && (cap[1] === "pre" || cap[1] === "script" || cap[1] === "style"),
-                    text: cap[0]
-                });
-                continue
-            }
-            if ((!bq && top) && (cap = this.rules.def.exec(src))) {
-                src = src.substring(cap[0].length);
-                this.tokens.links[cap[1].toLowerCase()] = {
-                    href: cap[2],
-                    title: cap[3]
-                };
-                continue
-            }
-            if (top && (cap = this.rules.table.exec(src))) {
-                src = src.substring(cap[0].length);
-                item = {
-                    type: "table",
-                    header: cap[1].replace(/^ *| *\| *$/g, "").split(/ *\| */),
-                    align: cap[2].replace(/^ *|\| *$/g, "").split(/ *\| */),
-                    cells: cap[3].replace(/(?: *\| *)?\n$/, "").split("\n")
-                };
-                for (i = 0; i < item.align.length; i++) {
-                    if (/^ *-+: *$/.test(item.align[i])) {
-                        item.align[i] = "right"
-                    } else {
-                        if (/^ *:-+: *$/.test(item.align[i])) {
-                            item.align[i] = "center"
-                        } else {
-                            if (/^ *:-+ *$/.test(item.align[i])) {
-                                item.align[i] = "left"
-                            } else {
-                                item.align[i] = null
-                            }
-                        }
-                    }
-                }
-                for (i = 0; i < item.cells.length; i++) {
-                    item.cells[i] = item.cells[i].replace(/^ *\| *| *\| *$/g, "").split(/ *\| */)
-                }
-                this.tokens.push(item);
-                continue
-            }
-            if (top && (cap = this.rules.paragraph.exec(src))) {
-                src = src.substring(cap[0].length);
-                this.tokens.push({
-                    type: "paragraph",
-                    text: cap[1].charAt(cap[1].length - 1) === "\n" ? cap[1].slice(0, -1) : cap[1]
-                });
-                continue
-            }
-            if (cap = this.rules.text.exec(src)) {
-                src = src.substring(cap[0].length);
-                this.tokens.push({
-                    type: "text",
-                    text: cap[0]
-                });
-                continue
-            }
-            if (src) {
-                throw new Error("Infinite loop on byte: " + src.charCodeAt(0))
-            }
-        }
-        return this.tokens
-    };
-    var inline = {
-        escape: /^\\([\\`*{}\[\]()#+\-.!_>])/,
-        autolink: /^<([^ >]+(@|:\/)[^ >]+)>/,
-        url: noop,
-        tag: /^<!--[\s\S]*?-->|^<\/?\w+(?:"[^"]*"|'[^']*'|[^'">])*?>/,
-        link: /^!?\[(inside)\]\(href\)/,
-        reflink: /^!?\[(inside)\]\s*\[([^\]]*)\]/,
-        nolink: /^!?\[((?:\[[^\]]*\]|[^\[\]])*)\]/,
-        strong: /^__([\s\S]+?)__(?!_)|^\*\*([\s\S]+?)\*\*(?!\*)/,
-        em: /^\b_((?:[^_]|__)+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
-        code: /^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,
-        br: /^ {2,}\n(?!\s*$)/,
-        del: noop,
-        text: /^[\s\S]+?(?=[\\<!\[_*`]| {2,}\n|$)/
-    };
-    inline._inside = /(?:\[[^\]]*\]|[^\[\]]|\](?=[^\[]*\]))*/;
-    inline._href = /\s*<?([\s\S]*?)>?(?:\s+['"]([\s\S]*?)['"])?\s*/;
-    inline.link = replace(inline.link)("inside", inline._inside)("href", inline._href)();
-    inline.reflink = replace(inline.reflink)("inside", inline._inside)();
-    inline.normal = merge({}, inline);
-    inline.pedantic = merge({}, inline.normal, {
-        strong: /^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,
-        em: /^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/
-    });
-    inline.gfm = merge({}, inline.normal, {
-        escape: replace(inline.escape)("])", "~|])")(),
-        url: /^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,
-        del: /^~~(?=\S)([\s\S]*?\S)~~/,
-        text: replace(inline.text)("]|", "~]|")("|", "|https?://|")()
-    });
-    inline.breaks = merge({}, inline.gfm, {
-        br: replace(inline.br)("{2,}", "*")(),
-        text: replace(inline.gfm.text)("{2,}", "*")()
-    });
-
-    function InlineLexer(links, options) {
-        this.options = options || marked.defaults;
-        this.links = links;
-        this.rules = inline.normal;
-        this.renderer = this.options.renderer || new Renderer;
-        this.renderer.options = this.options;
-        if (!this.links) {
-            throw new Error("Tokens array requires a `links` property.")
-        }
-        if (this.options.gfm) {
-            if (this.options.breaks) {
-                this.rules = inline.breaks
-            } else {
-                this.rules = inline.gfm
-            }
-        } else {
-            if (this.options.pedantic) {
-                this.rules = inline.pedantic
-            }
-        }
-    }
-    InlineLexer.rules = inline;
-    InlineLexer.output = function (src, links, options) {
-        var inline = new InlineLexer(links, options);
-        return inline.output(src)
-    };
-    InlineLexer.prototype.output = function (src) {
-        var out = "",
-            link, text, href, cap;
-        while (src) {
-            if (cap = this.rules.escape.exec(src)) {
-                src = src.substring(cap[0].length);
-                out += cap[1];
-                continue
-            }
-            if (cap = this.rules.autolink.exec(src)) {
-                src = src.substring(cap[0].length);
-                if (cap[2] === "@") {
-                    text = cap[1].charAt(6) === ":" ? this.mangle(cap[1].substring(7)) : this.mangle(cap[1]);
-                    href = this.mangle("mailto:") + text
-                } else {
-                    text = escape(cap[1]);
-                    href = text
-                }
-                out += this.renderer.link(href, null, text);
-                continue
-            }
-            if (!this.inLink && (cap = this.rules.url.exec(src))) {
-                src = src.substring(cap[0].length);
-                text = escape(cap[1]);
-                href = text;
-                out += this.renderer.link(href, null, text);
-                continue
-            }
-            if (cap = this.rules.tag.exec(src)) {
-                if (!this.inLink && /^<a /i.test(cap[0])) {
-                    this.inLink = true
-                } else {
-                    if (this.inLink && /^<\/a>/i.test(cap[0])) {
-                        this.inLink = false
-                    }
-                }
-                src = src.substring(cap[0].length);
-                out += this.options.sanitize ? this.options.sanitizer ? this.options.sanitizer(cap[0]) : escape(cap[0]) : cap[0];
-                continue
-            }
-            if (cap = this.rules.link.exec(src)) {
-                src = src.substring(cap[0].length);
-                this.inLink = true;
-                out += this.outputLink(cap, {
-                    href: cap[2],
-                    title: cap[3]
-                });
-                this.inLink = false;
-                continue
-            }
-            if ((cap = this.rules.reflink.exec(src)) || (cap = this.rules.nolink.exec(src))) {
-                src = src.substring(cap[0].length);
-                link = (cap[2] || cap[1]).replace(/\s+/g, " ");
-                link = this.links[link.toLowerCase()];
-                if (!link || !link.href) {
-                    out += cap[0].charAt(0);
-                    src = cap[0].substring(1) + src;
-                    continue
-                }
-                this.inLink = true;
-                out += this.outputLink(cap, link);
-                this.inLink = false;
-                continue
-            }
-            if (cap = this.rules.strong.exec(src)) {
-                src = src.substring(cap[0].length);
-                out += this.renderer.strong(this.output(cap[2] || cap[1]));
-                continue
-            }
-            if (cap = this.rules.em.exec(src)) {
-                src = src.substring(cap[0].length);
-                out += this.renderer.em(this.output(cap[2] || cap[1]));
-                continue
-            }
-            if (cap = this.rules.code.exec(src)) {
-                src = src.substring(cap[0].length);
-                out += this.renderer.codespan(escape(cap[2], true));
-                continue
-            }
-            if (cap = this.rules.br.exec(src)) {
-                src = src.substring(cap[0].length);
-                out += this.renderer.br();
-                continue
-            }
-            if (cap = this.rules.del.exec(src)) {
-                src = src.substring(cap[0].length);
-                out += this.renderer.del(this.output(cap[1]));
-                continue
-            }
-            if (cap = this.rules.text.exec(src)) {
-                src = src.substring(cap[0].length);
-                out += this.renderer.text(escape(this.smartypants(cap[0])));
-                continue
-            }
-            if (src) {
-                throw new Error("Infinite loop on byte: " + src.charCodeAt(0))
-            }
-        }
-        return out
-    };
-    InlineLexer.prototype.outputLink = function (cap, link) {
-        var href = escape(link.href),
-            title = link.title ? escape(link.title) : null;
-        return cap[0].charAt(0) !== "!" ? this.renderer.link(href, title, this.output(cap[1])) : this.renderer.image(href, title, escape(cap[1]))
-    };
-    InlineLexer.prototype.smartypants = function (text) {
-        if (!this.options.smartypants) {
-            return text
-        }
-        return text.replace(/---/g, "\u2014").replace(/--/g, "\u2013").replace(/(^|[-\u2014/(\[{"\s])'/g, "$1\u2018").replace(/'/g, "\u2019").replace(/(^|[-\u2014/(\[{\u2018\s])"/g, "$1\u201c").replace(/"/g, "\u201d").replace(/\.{3}/g, "\u2026")
-    };
-    InlineLexer.prototype.mangle = function (text) {
-        if (!this.options.mangle) {
-            return text
-        }
-        var out = "",
-            l = text.length,
-            i = 0,
-            ch;
-        for (; i < l; i++) {
-            ch = text.charCodeAt(i);
-            if (Math.random() > 0.5) {
-                ch = "x" + ch.toString(16)
-            }
-            out += "&#" + ch + ";"
-        }
-        return out
-    };
-
-    function Renderer(options) {
-        this.options = options || {}
-    }
-    Renderer.prototype.code = function (code, lang, escaped) {
-        if (this.options.highlight) {
-            var out = this.options.highlight(code, lang);
-            if (out != null && out !== code) {
-                escaped = true;
-                code = out
-            }
-        }
-        if (!lang) {
-            return "<pre><code>" + (escaped ? code : escape(code, true)) + "\n</code></pre>"
-        }
-        return '<pre><code class="' + this.options.langPrefix + escape(lang, true) + '">' + (escaped ? code : escape(code, true)) + "\n</code></pre>\n"
-    };
-    Renderer.prototype.blockquote = function (quote) {
-        return "<blockquote>\n" + quote + "</blockquote>\n"
-    };
-    Renderer.prototype.html = function (html) {
-        return html
-    };
-    Renderer.prototype.heading = function (text, level, raw) {
-        return "<h" + level + ' id="' + this.options.headerPrefix + raw.toLowerCase().replace(/[^\w]+/g, "-") + '">' + text + "</h" + level + ">\n"
-    };
-    Renderer.prototype.hr = function () {
-        return this.options.xhtml ? "<hr/>\n" : "<hr>\n"
-    };
-    Renderer.prototype.list = function (body, ordered) {
-        var type = ordered ? "ol" : "ul";
-        return "<" + type + ">\n" + body + "</" + type + ">\n"
-    };
-    Renderer.prototype.listitem = function (text) {
-        return "<li>" + text + "</li>\n"
-    };
-    Renderer.prototype.paragraph = function (text) {
-        return "<p>" + text + "</p>\n"
-    };
-    Renderer.prototype.table = function (header, body) {
-        return "<table>\n" + "<thead>\n" + header + "</thead>\n" + "<tbody>\n" + body + "</tbody>\n" + "</table>\n"
-    };
-    Renderer.prototype.tablerow = function (content) {
-        return "<tr>\n" + content + "</tr>\n"
-    };
-    Renderer.prototype.tablecell = function (content, flags) {
-        var type = flags.header ? "th" : "td";
-        var tag = flags.align ? "<" + type + ' style="text-align:' + flags.align + '">' : "<" + type + ">";
-        return tag + content + "</" + type + ">\n"
-    };
-    Renderer.prototype.strong = function (text) {
-        return "<strong>" + text + "</strong>"
-    };
-    Renderer.prototype.em = function (text) {
-        return "<em>" + text + "</em>"
-    };
-    Renderer.prototype.codespan = function (text) {
-        return "<code>" + text + "</code>"
-    };
-    Renderer.prototype.br = function () {
-        return this.options.xhtml ? "<br/>" : "<br>"
-    };
-    Renderer.prototype.del = function (text) {
-        return "<del>" + text + "</del>"
-    };
-    Renderer.prototype.link = function (href, title, text) {
-        if (this.options.sanitize) {
-            try {
-                var prot = decodeURIComponent(unescape(href)).replace(/[^\w:]/g, "").toLowerCase()
-            } catch (e) {
-                return ""
-            }
-            if (prot.indexOf("javascript:") === 0 || prot.indexOf("vbscript:") === 0 || prot.indexOf("data:") === 0) {
-                return ""
-            }
-        }
-        var out = '<a href="' + href + '"';
-        if (title) {
-            out += ' title="' + title + '"'
-        }
-        out += ">" + text + "</a>";
-        return out
-    };
-    Renderer.prototype.image = function (href, title, text) {
-        var out = '<img src="' + href + '" alt="' + text + '"';
-        if (title) {
-            out += ' title="' + title + '"'
-        }
-        out += this.options.xhtml ? "/>" : ">";
-        return out
-    };
-    Renderer.prototype.text = function (text) {
-        return text
-    };
-
-    function Parser(options) {
-        this.tokens = [];
-        this.token = null;
-        this.options = options || marked.defaults;
-        this.options.renderer = this.options.renderer || new Renderer;
-        this.renderer = this.options.renderer;
-        this.renderer.options = this.options
-    }
-    Parser.parse = function (src, options, renderer) {
-        var parser = new Parser(options, renderer);
-        return parser.parse(src)
-    };
-    Parser.prototype.parse = function (src) {
-        this.inline = new InlineLexer(src.links, this.options, this.renderer);
-        this.tokens = src.reverse();
-        var out = "";
-        while (this.next()) {
-            out += this.tok()
-        }
-        return out
-    };
-    Parser.prototype.next = function () {
-        return this.token = this.tokens.pop()
-    };
-    Parser.prototype.peek = function () {
-        return this.tokens[this.tokens.length - 1] || 0
-    };
-    Parser.prototype.parseText = function () {
-        var body = this.token.text;
-        while (this.peek().type === "text") {
-            body += "\n" + this.next().text
-        }
-        return this.inline.output(body)
-    };
-    Parser.prototype.tok = function () {
-        switch (this.token.type) {
-            case "space":
-                return "";
-            case "hr":
-                return this.renderer.hr();
-            case "heading":
-                return this.renderer.heading(this.inline.output(this.token.text), this.token.depth, this.token.text);
-            case "code":
-                return this.renderer.code(this.token.text, this.token.lang, this.token.escaped);
-            case "table":
-                var header = "",
-                    body = "",
-                    i, row, cell, flags, j;
-                cell = "";
-                for (i = 0; i < this.token.header.length; i++) {
-                    flags = {
-                        header: true,
-                        align: this.token.align[i]
-                    };
-                    cell += this.renderer.tablecell(this.inline.output(this.token.header[i]), {
-                        header: true,
-                        align: this.token.align[i]
-                    })
-                }
-                header += this.renderer.tablerow(cell);
-                for (i = 0; i < this.token.cells.length; i++) {
-                    row = this.token.cells[i];
-                    cell = "";
-                    for (j = 0; j < row.length; j++) {
-                        cell += this.renderer.tablecell(this.inline.output(row[j]), {
-                            header: false,
-                            align: this.token.align[j]
-                        })
-                    }
-                    body += this.renderer.tablerow(cell)
-                }
-                return this.renderer.table(header, body);
-            case "blockquote_start":
-                var body = "";
-                while (this.next().type !== "blockquote_end") {
-                    body += this.tok()
-                }
-                return this.renderer.blockquote(body);
-            case "list_start":
-                var body = "",
-                    ordered = this.token.ordered;
-                while (this.next().type !== "list_end") {
-                    body += this.tok()
-                }
-                return this.renderer.list(body, ordered);
-            case "list_item_start":
-                var body = "";
-                while (this.next().type !== "list_item_end") {
-                    body += this.token.type === "text" ? this.parseText() : this.tok()
-                }
-                return this.renderer.listitem(body);
-            case "loose_item_start":
-                var body = "";
-                while (this.next().type !== "list_item_end") {
-                    body += this.tok()
-                }
-                return this.renderer.listitem(body);
-            case "html":
-                var html = !this.token.pre && !this.options.pedantic ? this.inline.output(this.token.text) : this.token.text;
-                return this.renderer.html(html);
-            case "paragraph":
-                return this.renderer.paragraph(this.inline.output(this.token.text));
-            case "text":
-                return this.renderer.paragraph(this.parseText())
-        }
-    };
-
-    function escape(html, encode) {
-        return html.replace(!encode ? /&(?!#?\w+;)/g : /&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;")
-    }
-
-    function unescape(html) {
-        return html.replace(/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/g, function (_, n) {
-            n = n.toLowerCase();
-            if (n === "colon") {
-                return ":"
-            }
-            if (n.charAt(0) === "#") {
-                return n.charAt(1) === "x" ? String.fromCharCode(parseInt(n.substring(2), 16)) : String.fromCharCode(+n.substring(1))
-            }
-            return ""
-        })
-    }
-
-    function replace(regex, opt) {
-        regex = regex.source;
-        opt = opt || "";
-        return function self(name, val) {
-            if (!name) {
-                return new RegExp(regex, opt)
-            }
-            val = val.source || val;
-            val = val.replace(/(^|[^\[])\^/g, "$1");
-            regex = regex.replace(name, val);
-            return self
-        }
-    }
-
-    function noop() {}
-    noop.exec = noop;
-
-    function merge(obj) {
-        var i = 1,
-            target, key;
-        for (; i < arguments.length; i++) {
-            target = arguments[i];
-            for (key in target) {
-                if (Object.prototype.hasOwnProperty.call(target, key)) {
-                    obj[key] = target[key]
-                }
-            }
-        }
-        return obj
-    }
-
-    function marked(src, opt, callback) {
-        if (callback || typeof opt === "function") {
-            if (!callback) {
-                callback = opt;
-                opt = null
-            }
-            opt = merge({}, marked.defaults, opt || {});
-            var highlight = opt.highlight,
-                tokens, pending, i = 0;
-            try {
-                tokens = Lexer.lex(src, opt)
-            } catch (e) {
-                return callback(e)
-            }
-            pending = tokens.length;
-            var done = function (err) {
-                if (err) {
-                    opt.highlight = highlight;
-                    return callback(err)
-                }
-                var out;
-                try {
-                    out = Parser.parse(tokens, opt)
-                } catch (e) {
-                    err = e
-                }
-                opt.highlight = highlight;
-                return err ? callback(err) : callback(null, out)
-            };
-            if (!highlight || highlight.length < 3) {
-                return done()
-            }
-            delete opt.highlight;
-            if (!pending) {
-                return done()
-            }
-            for (; i < tokens.length; i++) {
-                (function (token) {
-                    if (token.type !== "code") {
-                        return --pending || done()
-                    }
-                    return highlight(token.text, token.lang, function (err, code) {
-                        if (err) {
-                            return done(err)
-                        }
-                        if (code == null || code === token.text) {
-                            return --pending || done()
-                        }
-                        token.text = code;
-                        token.escaped = true;
-                        --pending || done()
-                    })
-                })(tokens[i])
-            }
-            return
-        }
-        try {
-            if (opt) {
-                opt = merge({}, marked.defaults, opt)
-            }
-            return Parser.parse(Lexer.lex(src, opt), opt)
-        } catch (e) {
-            e.message += "\nPlease report this to https://github.com/chjj/marked.";
-            if ((opt || marked.defaults).silent) {
-                return "<p>An error occured:</p><pre>" + escape(e.message + "", true) + "</pre>"
-            }
-            throw e
-        }
-    }
-    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
-    };
-    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;
-    if (typeof module !== "undefined" && typeof exports === "object") {
-        module.exports = marked
-    } else {
-        if (typeof define === "function" && define.amd) {
-            define(function () {
-                return marked
-            })
-        } else {
-            this.marked = marked
-        }
-    }
-}).call(function () {
-    return this || (typeof window !== "undefined" ? window : global)
-}());
-</script>
-
-<!--chips-->
-
-<script>
-  Materialize={};Materialize.guid=(function(){function s4(){return Math.floor((1+Math.random())*65536).toString(16).substring(1)}return function(){return s4()+s4()+"-"+s4()+"-"+s4()+"-"+s4()+"-"+s4()+s4()+s4()}})();(function($){var materialChipsDefaults={data:[],placeholder:"",secondaryPlaceholder:"",autocompleteOptions:{},};$(document).ready(function(){$(document).on("click",".chip .close",function(e){var $chips=$(this).closest(".chips");if($chips.attr("data-initialized")){return}$(this).closest(".chip").remove()})});$.fn.material_chip=function(options){var self=this;this.$el=$(this);this.$document=$(document);this.SELS={CHIPS:".chips",CHIP:".chip",INPUT:"input",DELETE:".material-icons",SELECTED_CHIP:".selected",};if("data"===options){return this.$el.data("chips")}var curr_options=$.extend({},materialChipsDefaults,options);self.hasAutocomplete=!$.isEmptyObject(curr_options.autocompleteOptions.data);this.init=function(){var i=0;var chips;self.$el.each(function(){var $chips=$(this);var chipId=Materialize.guid();self.chipId=chipId;if(!curr_options.data||!(curr_options.data instanceof Array)){curr_options.data=[]}$chips.data("chips",curr_options.data);$chips.attr("data-index",i);$chips.attr("data-initialized",true);if(!$chips.hasClass(self.SELS.CHIPS)){$chips.addClass("chips")}self.chips($chips,chipId);i++})};this.handleEvents=function(){var SELS=self.SELS;self.$document.off("click.chips-focus",SELS.CHIPS).on("click.chips-focus",SELS.CHIPS,function(e){$(e.target).find(SELS.INPUT).focus()});self.$document.off("click.chips-select",SELS.CHIP).on("click.chips-select",SELS.CHIP,function(e){var $chip=$(e.target);if($chip.length){var wasSelected=$chip.hasClass("selected");var $chips=$chip.closest(SELS.CHIPS);$(SELS.CHIP).removeClass("selected");if(!wasSelected){self.selectChip($chip.index(),$chips)}}});self.$document.off("keydown.chips").on("keydown.chips",function(e){if($(e.target).is("input, textarea")){return}var $chip=self.$document.find(SELS.CHIP+SELS.SELECTED_CHIP);var $chips=$chip.closest(SELS.CHIPS);var length=$chip.siblings(SELS.CHIP).length;var index;if(!$chip.length){return}if(e.which===8||e.which===46){e.preventDefault();index=$chip.index();self.deleteChip(index,$chips);var selectIndex=null;if((index+1)<length){selectIndex=index}else{if(index===length||(index+1)===length){selectIndex=length-1}}if(selectIndex<0){selectIndex=null}if(null!==selectIndex){self.selectChip(selectIndex,$chips)}if(!length){$chips.find("input").focus()}}else{if(e.which===37){index=$chip.index()-1;if(index<0){return}$(SELS.CHIP).removeClass("selected");self.selectChip(index,$chips)}else{if(e.which===39){index=$chip.index()+1;$(SELS.CHIP).removeClass("selected");if(index>length){$chips.find("input").focus();return}self.selectChip(index,$chips)}}}});self.$document.off("focusin.chips",SELS.CHIPS+" "+SELS.INPUT).on("focusin.chips",SELS.CHIPS+" "+SELS.INPUT,function(e){var $currChips=$(e.target).closest(SELS.CHIPS);$currChips.addClass("focus");$currChips.siblings("label, .prefix").addClass("active");$(SELS.CHIP).removeClass("selected")});self.$document.off("focusout.chips",SELS.CHIPS+" "+SELS.INPUT).on("focusout.chips",SELS.CHIPS+" "+SELS.INPUT,function(e){var $currChips=$(e.target).closest(SELS.CHIPS);$currChips.removeClass("focus");if($currChips.data("chips")===undefined||!$currChips.data("chips").length){$currChips.siblings("label").removeClass("active")}$currChips.siblings(".prefix").removeClass("active")});self.$document.off("keydown.chips-add",SELS.CHIPS+" "+SELS.INPUT).on("keydown.chips-add",SELS.CHIPS+" "+SELS.INPUT,function(e){var $target=$(e.target);var $chips=$target.closest(SELS.CHIPS);var chipsLength=$chips.children(SELS.CHIP).length;if(13===e.which){if(self.hasAutocomplete&&$chips.find(".autocomplete-content.dropdown-content").length&&$chips.find(".autocomplete-content.dropdown-content").children().length){return}e.preventDefault();self.addChip({tag:$target.val()},$chips);$target.val("");return}if((8===e.keyCode||37===e.keyCode)&&""===$target.val()&&chipsLength){e.preventDefault();self.selectChip(chipsLength-1,$chips);$target.blur();return}});self.$document.off("click.chips-delete",SELS.CHIPS+" "+SELS.DELETE).on("click.chips-delete",SELS.CHIPS+" "+SELS.DELETE,function(e){var $target=$(e.target);var $chips=$target.closest(SELS.CHIPS);var $chip=$target.closest(SELS.CHIP);e.stopPropagation();self.deleteChip($chip.index(),$chips);$chips.find("input").focus()})};this.chips=function($chips,chipId){$chips.empty();$chips.data("chips").forEach(function(elem){$chips.append(self.renderChip(elem))});$chips.append($('<input id="'+chipId+'" class="input mdui-textfield-input" placeholder="">'));self.setPlaceholder($chips);var label=$chips.next("label");if(label.length){label.attr("for",chipId);if($chips.data("chips")!==undefined&&$chips.data("chips").length){label.addClass("active")}}var input=$("#"+chipId);if(self.hasAutocomplete){curr_options.autocompleteOptions.onAutocomplete=function(val){self.addChip({tag:val},$chips);input.val("");input.focus()
-};input.autocomplete(curr_options.autocompleteOptions)}};this.renderChip=function(elem){if(!elem.tag){return}var $renderedChip=$('<div class="mdui-chip chip mdui-chip-title"></div>');$renderedChip.text(elem.tag);if(elem.image){$renderedChip.prepend($("<img />").attr("src",elem.image))}$renderedChip.append($('<i class="material-icons mdui-icon close">close</i>'));return $renderedChip};this.setPlaceholder=function($chips){if($chips.data("chips")!==undefined&&$chips.data("chips").length&&curr_options.placeholder){$chips.find("input").prop("placeholder",curr_options.placeholder)}else{if(($chips.data("chips")===undefined||!$chips.data("chips").length)&&curr_options.secondaryPlaceholder){$chips.find("input").prop("placeholder",curr_options.secondaryPlaceholder)}}};this.isValid=function($chips,elem){var chips=$chips.data("chips");var exists=false;for(var i=0;i<chips.length;i++){if(chips[i].tag===elem.tag){exists=true;return}}return""!==elem.tag&&!exists};this.addChip=function(elem,$chips){if(!self.isValid($chips,elem)){return}var $renderedChip=self.renderChip(elem);var newData=[];var oldData=$chips.data("chips");for(var i=0;i<oldData.length;i++){newData.push(oldData[i])}newData.push(elem);$chips.data("chips",newData);$renderedChip.insertBefore($chips.find("input"));$chips.trigger("chip.add",elem);self.setPlaceholder($chips)};this.deleteChip=function(chipIndex,$chips){var chip=$chips.data("chips")[chipIndex];$chips.find(".chip").eq(chipIndex).remove();var newData=[];var oldData=$chips.data("chips");for(var i=0;i<oldData.length;i++){if(i!==chipIndex){newData.push(oldData[i])}}$chips.data("chips",newData);$chips.trigger("chip.delete",chip);self.setPlaceholder($chips)};this.selectChip=function(chipIndex,$chips){var $chip=$chips.find(".chip").eq(chipIndex);if($chip&&false===$chip.hasClass("selected")){$chip.addClass("selected");$chips.trigger("chip.select",$chips.data("chips")[chipIndex])}};this.getChipsElement=function(index,$chips){return $chips.eq(index)};this.init();this.handleEvents()}}(jQuery));
-</script>
-<script>
-$(function(){
-$('.chips-initial').material_chip({
-});
-$('.chips-placeholder').material_chip({
-    placeholder: 'Enter a tag',
-    secondaryPlaceholder: '+Tag',
-});
-  /* save */
-  function getTags(e){
-    var tags = "";
-    for (x in e){
-      if (e[x] != ""){
-        tags += e[x].tag+" ";
-      }
-    }
-    return tags;
-  }
-  function setTags(e){
-    var tags = [];
-
-    for (x in e){
-      if (e[x] != ''){
-        tags[x]=  {'tag':e[x]};
-      }
-    }
-    return tags;
-  }
-  function getpost(){
-    $('#editorContent').val(localStorage.previewContent);
-    $('#editorTitle').val(localStorage.editorTitle);
-    $('#editorDate').val(localStorage.editorDate);
-    $('#imgurl').val(localStorage.imgurl);
-    if (localStorage.categories){
-      if (localStorage.categories.indexOf("radio_custom") == -1){
-        $("input[value='"+ localStorage.categories +"']").attr('checked','');
-      }else{
-        $("input[value='radio_custom']").attr('checked','');
-        $('#editorCategories').val(localStorage.categories.replace("radio_custom",''));
-      }
-    }
-    if (localStorage.editorChips){
-      var data =  setTags(localStorage.editorChips.split(' '));
-      $('.chips-initial').material_chip({
-        data: data,
-      });
-    }
-  }
-   getpost();
-  function setpost(){
-    localStorage.previewContent = $('#editorContent').val();
-    localStorage.editorTitle = $('#editorTitle').val();
-    localStorage.editorDate = $('#editorDate').val();
-    localStorage.imgurl = $('#imgurl').val();
-    if ($("input[name='categories']:checked").val() == "radio_custom" ){
-      localStorage.categories = $("input[name='categories']:checked").val() + $('#editorCategories').val();
-    }else{
-      localStorage.categories = $("input[name='categories']:checked").val();
-    }
-    localStorage.editorChips = getTags($('.chips-initial').material_chip('data'));
-  }
-
-  setInterval(function(){
-    setpost();
-  },5000);
-
-  /*preview*/
-  $("#previewBtn").click(function(){
-    $('#previewContent').html(marked($('#editorContent').val()));
-    $('.mdui-card-primary-title').html($('#editorTitle').val());
-    $('.k-data').html($('#editorDate').val());
-    $('.k-post-media').css('background-image','url('+ $('#imgurl').val() +')');
-  });
-  /*download*/
-  var textFile = null;
-  function makeTextFile(text){
-    var data = new Blob([text], {
-      type: 'text/plain'
-    });
-    if (textFile !== null) {
-      window.URL.revokeObjectURL(textFile);
-    }
-    textFile = window.URL.createObjectURL(data);
-    return textFile;
-  }
-
-  $('#download').click(function(){
-    var filename,filecontent;
-
-    function k_getFiletitle(e){
-      var title = e.toLowerCase().split(" ");
-      var newtitle = "";
-      for (x in title){
-        if (parseInt(x)+1 == title.length){
-            newtitle += title[x];
-        }else{
-            newtitle += title[x]+"-";
-        }
-      }
-      return newtitle;
-    }
-
-    function k_getCategories(e){
-      if (e == "radio_custom" ){
-        return $('#editorCategories').val();
-      }else{
-        return e;
-      }
-    }
-
-    filename = new Date().toLocaleDateString('zh-CN', { hour12: false},'year,month').replace(/\//g,"-") + "-" + k_getFiletitle($('#editorTitle').val()) + ".markdown";
-    filecontent = "---\nlayout: post\ntitle: "+$('#editorTitle').val()+"\ndate: "+$('#editorDate').val()+" "+ new Date().toLocaleTimeString('en-US', { hour12: false }) +" +0800\ncategories: "+k_getCategories($("input[name='categories']:checked").val())+"\ntags: "+getTags($('.chips-initial').material_chip('data'))+"\nimg: "+$('#imgurl').val()+"\n---\n"+$('#editorContent').val();
-    $(this).attr("download",filename);
-    $(this).attr("href",makeTextFile(filecontent));
-  });
-});
+{% if site.data.site.lang == null or site.data.site.lang == "" %}
+{% assign lang = site.data.lang.en-US %}
+{% else %}
+{% assign lang = site.data.lang[site.data.site.lang] %}
+{% endif %}
+{% capture categories %}		
+{% for c in site.categories %}		
+{{c[0]}}		
+{% endfor %}		
+{% endcapture %}		
+{% assign sortedcategories = categories | split:' ' | sort %}
+<style>
+.textarea-wrap{
+  height: 100%;
+}
+#preview{
+     max-width: 904px;
+}
+.k-post-media {
+    display:block
+    cursor: pointer;
+    max-height: 245px;
+    min-height: 245px;
+    background-position: 50% 50%;
+    background-size: cover;
+    background-color: white;
+}
+.k-post-media .mdui-card-primary-title a {
+    text-decoration: none;
+}
+</style>
+<div class="k-posts-list"></div>
+<div class="k-container">
+<div class="mdui-dialog" id="frontMatter">
+    <div class="mdui-dialog-content">
+      <div class="mdui-dialog-title">{{lang.editor.frontmatter.name}}</div>
+        <h3>{{lang.editor.frontmatter.title}}</h3>
+        <div class="mdui-textfield">
+            <input id="editorTitle" class="mdui-textfield-input" type="text"/>
+        </div>
+        <h3>{{lang.editor.frontmatter.date}}</h3>
+        <div class="mdui-textfield">
+            <input id="editorDate" class="mdui-textfield-input datepicker" type="date"/>
+        </div>
+        <h3>{{lang.editor.frontmatter.categories}}</h3>
+        <div class="mdui-row-md-4 mdui-row-sm-3">
+            {% for c in sortedcategories %}
+            <div class="mdui-col">
+                <label class="mdui-radio">
+                    <input type="radio" value="{{c}}" name="categories">
+                    <i class="mdui-radio-icon"></i>
+                    {{c}}
+                </label>
+            </div>
+            {% endfor %}
+            <div class="mdui-col">
+                <label id="radio_custom" class="mdui-radio mdui-float-left">
+                    <input type="radio" value="radio_custom" name="categories">
+                    <i class="mdui-radio-icon"></i>
+                    </label>
+                <div style="padding-top: 0px;" class="mdui-textfield">
+                    <input id="editorCategories" class="mdui-textfield-input" name="radio_custom" type="text" placeholder="categories">
+                </div>
+            </div>
+        </div>
+        <h3>{{lang.editor.frontmatter.tags}}</h3>
+        <div class="chips chips-initial"></div>
+        <h3>{{lang.editor.frontmatter.image}}</h3>
+        <div class="mdui-textfield">
+            <input id="imgurl" class="mdui-textfield-input" type="text" placeholder="imgUrl"> 
+        </div>
+    </div>
+</div>
+
+<div class="mdui-dialog" id="preview">
+    <div class="mdui-dialog-content">
+      <div class="mdui-dialog-title">{{lang.editor.preview}}</div>
+      <div class="mdui-card k-postcontent">
+        <div class="mdui-card-media k-post-media">
+          <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
+            <div class="mdui-card-primary">
+              <div class="mdui-card-primary-title">
+
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="mdui-card-header">
+          <img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}">
+          <div class="mdui-card-header-title">{{site.author}}</div>
+          <div class="mdui-card-header-subtitle k-data"></div>
+        </div>
+        <div class="mdui-card-content mdui-typo" id="previewContent"></div>
+      </div>
+    </div>
+</div>
+
+<div class="mdui-card">
+    <div class="mdui-card-content">
+        <h3>{{lang.editor.content}}</h3>
+        <div class="mdui-textfield">
+            <textarea id="editorContent" class="mdui-textfield-input" placeholder="Description"></textarea>
+        </div>
+    </div>
+    <div class="mdui-card-actions">
+        <a class="mdui-btn mdui-ripple" mdui-dialog="{target: '#frontMatter'}">{{lang.editor.frontmatter.name}}</a>
+        <a id="previewBtn" class="mdui-btn mdui-ripple" mdui-dialog="{target: '#preview'}">{{lang.editor.preview}}</a>
+        <a id="download" class="mdui-btn mdui-ripple mdui-float-right">{{lang.editor.download}}</a>
+    </div>
+</div>
+</div>
+
+<!--marked-->
+<script>
+(function () {
+    var block = {
+        newline: /^\n+/,
+        code: /^( {4}[^\n]+\n*)+/,
+        fences: noop,
+        hr: /^( *[-*_]){3,} *(?:\n+|$)/,
+        heading: /^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/,
+        nptable: noop,
+        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: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +["(]([^\n]+)[")])? *(?:\n+|$)/,
+        table: noop,
+        paragraph: /^((?:[^\n]+\n?(?!hr|heading|lheading|blockquote|tag|def))+)\n*/,
+        text: /^[^\n]+/
+    };
+    block.bullet = /(?:[*+-]|\d+\.)/;
+    block.item = /^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/;
+    block.item = replace(block.item, "gm")(/bull/g, block.bullet)();
+    block.list = replace(block.list)(/bull/g, block.bullet)("hr", "\\n+(?=\\1?(?:[-*_] *){3,}(?:\\n+|$))")("def", "\\n+(?=" + block.def.source + ")")();
+    block.blockquote = replace(block.blockquote)("def", block.def)();
+    block._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";
+    block.html = replace(block.html)("comment", /<!--[\s\S]*?-->/)("closed", /<(tag)[\s\S]+?<\/\1>/)("closing", /<tag(?:"[^"]*"|'[^']*'|[^'">])*?>/)(/tag/g, block._tag)();
+    block.paragraph = replace(block.paragraph)("hr", block.hr)("heading", block.heading)("lheading", block.lheading)("blockquote", block.blockquote)("tag", "<" + block._tag)("def", block.def)();
+    block.normal = merge({}, block);
+    block.gfm = merge({}, block.normal, {
+        fences: /^ *(`{3,}|~{3,})[ \.]*(\S+)? *\n([\s\S]*?)\s*\1 *(?:\n+|$)/,
+        paragraph: /^/,
+        heading: /^ *(#{1,6}) +([^\n]+?) *#* *(?:\n+|$)/
+    });
+    block.gfm.paragraph = replace(block.paragraph)("(?!", "(?!" + block.gfm.fences.source.replace("\\1", "\\2") + "|" + block.list.source.replace("\\1", "\\3") + "|")();
+    block.tables = merge({}, block.gfm, {
+        nptable: /^ *(\S.*\|.*)\n *([-:]+ *\|[-| :]*)\n((?:.*\|.*(?:\n|$))*)\n*/,
+        table: /^ *\|(.+)\n *\|( *[-:]+[-| :]*)\n((?: *\|.*(?:\n|$))*)\n*/
+    });
+
+    function Lexer(options) {
+        this.tokens = [];
+        this.tokens.links = {};
+        this.options = options || marked.defaults;
+        this.rules = block.normal;
+        if (this.options.gfm) {
+            if (this.options.tables) {
+                this.rules = block.tables
+            } else {
+                this.rules = block.gfm
+            }
+        }
+    }
+    Lexer.rules = block;
+    Lexer.lex = function (src, options) {
+        var lexer = new Lexer(options);
+        return lexer.lex(src)
+    };
+    Lexer.prototype.lex = function (src) {
+        src = src.replace(/\r\n|\r/g, "\n").replace(/\t/g, "    ").replace(/\u00a0/g, " ").replace(/\u2424/g, "\n");
+        return this.token(src, true)
+    };
+    Lexer.prototype.token = function (src, top, bq) {
+        var src = src.replace(/^ +$/gm, ""),
+            next, loose, cap, bull, b, item, space, i, l;
+        while (src) {
+            if (cap = this.rules.newline.exec(src)) {
+                src = src.substring(cap[0].length);
+                if (cap[0].length > 1) {
+                    this.tokens.push({
+                        type: "space"
+                    })
+                }
+            }
+            if (cap = this.rules.code.exec(src)) {
+                src = src.substring(cap[0].length);
+                cap = cap[0].replace(/^ {4}/gm, "");
+                this.tokens.push({
+                    type: "code",
+                    text: !this.options.pedantic ? cap.replace(/\n+$/, "") : cap
+                });
+                continue
+            }
+            if (cap = this.rules.fences.exec(src)) {
+                src = src.substring(cap[0].length);
+                this.tokens.push({
+                    type: "code",
+                    lang: cap[2],
+                    text: cap[3] || ""
+                });
+                continue
+            }
+            if (cap = this.rules.heading.exec(src)) {
+                src = src.substring(cap[0].length);
+                this.tokens.push({
+                    type: "heading",
+                    depth: cap[1].length,
+                    text: cap[2]
+                });
+                continue
+            }
+            if (top && (cap = this.rules.nptable.exec(src))) {
+                src = src.substring(cap[0].length);
+                item = {
+                    type: "table",
+                    header: cap[1].replace(/^ *| *\| *$/g, "").split(/ *\| */),
+                    align: cap[2].replace(/^ *|\| *$/g, "").split(/ *\| */),
+                    cells: cap[3].replace(/\n$/, "").split("\n")
+                };
+                for (i = 0; i < item.align.length; i++) {
+                    if (/^ *-+: *$/.test(item.align[i])) {
+                        item.align[i] = "right"
+                    } else {
+                        if (/^ *:-+: *$/.test(item.align[i])) {
+                            item.align[i] = "center"
+                        } else {
+                            if (/^ *:-+ *$/.test(item.align[i])) {
+                                item.align[i] = "left"
+                            } else {
+                                item.align[i] = null
+                            }
+                        }
+                    }
+                }
+                for (i = 0; i < item.cells.length; i++) {
+                    item.cells[i] = item.cells[i].split(/ *\| */)
+                }
+                this.tokens.push(item);
+                continue
+            }
+            if (cap = this.rules.lheading.exec(src)) {
+                src = src.substring(cap[0].length);
+                this.tokens.push({
+                    type: "heading",
+                    depth: cap[2] === "=" ? 1 : 2,
+                    text: cap[1]
+                });
+                continue
+            }
+            if (cap = this.rules.hr.exec(src)) {
+                src = src.substring(cap[0].length);
+                this.tokens.push({
+                    type: "hr"
+                });
+                continue
+            }
+            if (cap = this.rules.blockquote.exec(src)) {
+                src = src.substring(cap[0].length);
+                this.tokens.push({
+                    type: "blockquote_start"
+                });
+                cap = cap[0].replace(/^ *> ?/gm, "");
+                this.token(cap, top, true);
+                this.tokens.push({
+                    type: "blockquote_end"
+                });
+                continue
+            }
+            if (cap = this.rules.list.exec(src)) {
+                src = src.substring(cap[0].length);
+                bull = cap[2];
+                this.tokens.push({
+                    type: "list_start",
+                    ordered: bull.length > 1
+                });
+                cap = cap[0].match(this.rules.item);
+                next = false;
+                l = cap.length;
+                i = 0;
+                for (; i < l; i++) {
+                    item = cap[i];
+                    space = item.length;
+                    item = item.replace(/^ *([*+-]|\d+\.) +/, "");
+                    if (~item.indexOf("\n ")) {
+                        space -= item.length;
+                        item = !this.options.pedantic ? item.replace(new RegExp("^ {1," + space + "}", "gm"), "") : item.replace(/^ {1,4}/gm, "")
+                    }
+                    if (this.options.smartLists && i !== l - 1) {
+                        b = block.bullet.exec(cap[i + 1])[0];
+                        if (bull !== b && !(bull.length > 1 && b.length > 1)) {
+                            src = cap.slice(i + 1).join("\n") + src;
+                            i = l - 1
+                        }
+                    }
+                    loose = next || /\n\n(?!\s*$)/.test(item);
+                    if (i !== l - 1) {
+                        next = item.charAt(item.length - 1) === "\n";
+                        if (!loose) {
+                            loose = next
+                        }
+                    }
+                    this.tokens.push({
+                        type: loose ? "loose_item_start" : "list_item_start"
+                    });
+                    this.token(item, false, bq);
+                    this.tokens.push({
+                        type: "list_item_end"
+                    })
+                }
+                this.tokens.push({
+                    type: "list_end"
+                });
+                continue
+            }
+            if (cap = this.rules.html.exec(src)) {
+                src = src.substring(cap[0].length);
+                this.tokens.push({
+                    type: this.options.sanitize ? "paragraph" : "html",
+                    pre: !this.options.sanitizer && (cap[1] === "pre" || cap[1] === "script" || cap[1] === "style"),
+                    text: cap[0]
+                });
+                continue
+            }
+            if ((!bq && top) && (cap = this.rules.def.exec(src))) {
+                src = src.substring(cap[0].length);
+                this.tokens.links[cap[1].toLowerCase()] = {
+                    href: cap[2],
+                    title: cap[3]
+                };
+                continue
+            }
+            if (top && (cap = this.rules.table.exec(src))) {
+                src = src.substring(cap[0].length);
+                item = {
+                    type: "table",
+                    header: cap[1].replace(/^ *| *\| *$/g, "").split(/ *\| */),
+                    align: cap[2].replace(/^ *|\| *$/g, "").split(/ *\| */),
+                    cells: cap[3].replace(/(?: *\| *)?\n$/, "").split("\n")
+                };
+                for (i = 0; i < item.align.length; i++) {
+                    if (/^ *-+: *$/.test(item.align[i])) {
+                        item.align[i] = "right"
+                    } else {
+                        if (/^ *:-+: *$/.test(item.align[i])) {
+                            item.align[i] = "center"
+                        } else {
+                            if (/^ *:-+ *$/.test(item.align[i])) {
+                                item.align[i] = "left"
+                            } else {
+                                item.align[i] = null
+                            }
+                        }
+                    }
+                }
+                for (i = 0; i < item.cells.length; i++) {
+                    item.cells[i] = item.cells[i].replace(/^ *\| *| *\| *$/g, "").split(/ *\| */)
+                }
+                this.tokens.push(item);
+                continue
+            }
+            if (top && (cap = this.rules.paragraph.exec(src))) {
+                src = src.substring(cap[0].length);
+                this.tokens.push({
+                    type: "paragraph",
+                    text: cap[1].charAt(cap[1].length - 1) === "\n" ? cap[1].slice(0, -1) : cap[1]
+                });
+                continue
+            }
+            if (cap = this.rules.text.exec(src)) {
+                src = src.substring(cap[0].length);
+                this.tokens.push({
+                    type: "text",
+                    text: cap[0]
+                });
+                continue
+            }
+            if (src) {
+                throw new Error("Infinite loop on byte: " + src.charCodeAt(0))
+            }
+        }
+        return this.tokens
+    };
+    var inline = {
+        escape: /^\\([\\`*{}\[\]()#+\-.!_>])/,
+        autolink: /^<([^ >]+(@|:\/)[^ >]+)>/,
+        url: noop,
+        tag: /^<!--[\s\S]*?-->|^<\/?\w+(?:"[^"]*"|'[^']*'|[^'">])*?>/,
+        link: /^!?\[(inside)\]\(href\)/,
+        reflink: /^!?\[(inside)\]\s*\[([^\]]*)\]/,
+        nolink: /^!?\[((?:\[[^\]]*\]|[^\[\]])*)\]/,
+        strong: /^__([\s\S]+?)__(?!_)|^\*\*([\s\S]+?)\*\*(?!\*)/,
+        em: /^\b_((?:[^_]|__)+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
+        code: /^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,
+        br: /^ {2,}\n(?!\s*$)/,
+        del: noop,
+        text: /^[\s\S]+?(?=[\\<!\[_*`]| {2,}\n|$)/
+    };
+    inline._inside = /(?:\[[^\]]*\]|[^\[\]]|\](?=[^\[]*\]))*/;
+    inline._href = /\s*<?([\s\S]*?)>?(?:\s+['"]([\s\S]*?)['"])?\s*/;
+    inline.link = replace(inline.link)("inside", inline._inside)("href", inline._href)();
+    inline.reflink = replace(inline.reflink)("inside", inline._inside)();
+    inline.normal = merge({}, inline);
+    inline.pedantic = merge({}, inline.normal, {
+        strong: /^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,
+        em: /^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/
+    });
+    inline.gfm = merge({}, inline.normal, {
+        escape: replace(inline.escape)("])", "~|])")(),
+        url: /^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,
+        del: /^~~(?=\S)([\s\S]*?\S)~~/,
+        text: replace(inline.text)("]|", "~]|")("|", "|https?://|")()
+    });
+    inline.breaks = merge({}, inline.gfm, {
+        br: replace(inline.br)("{2,}", "*")(),
+        text: replace(inline.gfm.text)("{2,}", "*")()
+    });
+
+    function InlineLexer(links, options) {
+        this.options = options || marked.defaults;
+        this.links = links;
+        this.rules = inline.normal;
+        this.renderer = this.options.renderer || new Renderer;
+        this.renderer.options = this.options;
+        if (!this.links) {
+            throw new Error("Tokens array requires a `links` property.")
+        }
+        if (this.options.gfm) {
+            if (this.options.breaks) {
+                this.rules = inline.breaks
+            } else {
+                this.rules = inline.gfm
+            }
+        } else {
+            if (this.options.pedantic) {
+                this.rules = inline.pedantic
+            }
+        }
+    }
+    InlineLexer.rules = inline;
+    InlineLexer.output = function (src, links, options) {
+        var inline = new InlineLexer(links, options);
+        return inline.output(src)
+    };
+    InlineLexer.prototype.output = function (src) {
+        var out = "",
+            link, text, href, cap;
+        while (src) {
+            if (cap = this.rules.escape.exec(src)) {
+                src = src.substring(cap[0].length);
+                out += cap[1];
+                continue
+            }
+            if (cap = this.rules.autolink.exec(src)) {
+                src = src.substring(cap[0].length);
+                if (cap[2] === "@") {
+                    text = cap[1].charAt(6) === ":" ? this.mangle(cap[1].substring(7)) : this.mangle(cap[1]);
+                    href = this.mangle("mailto:") + text
+                } else {
+                    text = escape(cap[1]);
+                    href = text
+                }
+                out += this.renderer.link(href, null, text);
+                continue
+            }
+            if (!this.inLink && (cap = this.rules.url.exec(src))) {
+                src = src.substring(cap[0].length);
+                text = escape(cap[1]);
+                href = text;
+                out += this.renderer.link(href, null, text);
+                continue
+            }
+            if (cap = this.rules.tag.exec(src)) {
+                if (!this.inLink && /^<a /i.test(cap[0])) {
+                    this.inLink = true
+                } else {
+                    if (this.inLink && /^<\/a>/i.test(cap[0])) {
+                        this.inLink = false
+                    }
+                }
+                src = src.substring(cap[0].length);
+                out += this.options.sanitize ? this.options.sanitizer ? this.options.sanitizer(cap[0]) : escape(cap[0]) : cap[0];
+                continue
+            }
+            if (cap = this.rules.link.exec(src)) {
+                src = src.substring(cap[0].length);
+                this.inLink = true;
+                out += this.outputLink(cap, {
+                    href: cap[2],
+                    title: cap[3]
+                });
+                this.inLink = false;
+                continue
+            }
+            if ((cap = this.rules.reflink.exec(src)) || (cap = this.rules.nolink.exec(src))) {
+                src = src.substring(cap[0].length);
+                link = (cap[2] || cap[1]).replace(/\s+/g, " ");
+                link = this.links[link.toLowerCase()];
+                if (!link || !link.href) {
+                    out += cap[0].charAt(0);
+                    src = cap[0].substring(1) + src;
+                    continue
+                }
+                this.inLink = true;
+                out += this.outputLink(cap, link);
+                this.inLink = false;
+                continue
+            }
+            if (cap = this.rules.strong.exec(src)) {
+                src = src.substring(cap[0].length);
+                out += this.renderer.strong(this.output(cap[2] || cap[1]));
+                continue
+            }
+            if (cap = this.rules.em.exec(src)) {
+                src = src.substring(cap[0].length);
+                out += this.renderer.em(this.output(cap[2] || cap[1]));
+                continue
+            }
+            if (cap = this.rules.code.exec(src)) {
+                src = src.substring(cap[0].length);
+                out += this.renderer.codespan(escape(cap[2], true));
+                continue
+            }
+            if (cap = this.rules.br.exec(src)) {
+                src = src.substring(cap[0].length);
+                out += this.renderer.br();
+                continue
+            }
+            if (cap = this.rules.del.exec(src)) {
+                src = src.substring(cap[0].length);
+                out += this.renderer.del(this.output(cap[1]));
+                continue
+            }
+            if (cap = this.rules.text.exec(src)) {
+                src = src.substring(cap[0].length);
+                out += this.renderer.text(escape(this.smartypants(cap[0])));
+                continue
+            }
+            if (src) {
+                throw new Error("Infinite loop on byte: " + src.charCodeAt(0))
+            }
+        }
+        return out
+    };
+    InlineLexer.prototype.outputLink = function (cap, link) {
+        var href = escape(link.href),
+            title = link.title ? escape(link.title) : null;
+        return cap[0].charAt(0) !== "!" ? this.renderer.link(href, title, this.output(cap[1])) : this.renderer.image(href, title, escape(cap[1]))
+    };
+    InlineLexer.prototype.smartypants = function (text) {
+        if (!this.options.smartypants) {
+            return text
+        }
+        return text.replace(/---/g, "\u2014").replace(/--/g, "\u2013").replace(/(^|[-\u2014/(\[{"\s])'/g, "$1\u2018").replace(/'/g, "\u2019").replace(/(^|[-\u2014/(\[{\u2018\s])"/g, "$1\u201c").replace(/"/g, "\u201d").replace(/\.{3}/g, "\u2026")
+    };
+    InlineLexer.prototype.mangle = function (text) {
+        if (!this.options.mangle) {
+            return text
+        }
+        var out = "",
+            l = text.length,
+            i = 0,
+            ch;
+        for (; i < l; i++) {
+            ch = text.charCodeAt(i);
+            if (Math.random() > 0.5) {
+                ch = "x" + ch.toString(16)
+            }
+            out += "&#" + ch + ";"
+        }
+        return out
+    };
+
+    function Renderer(options) {
+        this.options = options || {}
+    }
+    Renderer.prototype.code = function (code, lang, escaped) {
+        if (this.options.highlight) {
+            var out = this.options.highlight(code, lang);
+            if (out != null && out !== code) {
+                escaped = true;
+                code = out
+            }
+        }
+        if (!lang) {
+            return "<pre><code>" + (escaped ? code : escape(code, true)) + "\n</code></pre>"
+        }
+        return '<pre><code class="' + this.options.langPrefix + escape(lang, true) + '">' + (escaped ? code : escape(code, true)) + "\n</code></pre>\n"
+    };
+    Renderer.prototype.blockquote = function (quote) {
+        return "<blockquote>\n" + quote + "</blockquote>\n"
+    };
+    Renderer.prototype.html = function (html) {
+        return html
+    };
+    Renderer.prototype.heading = function (text, level, raw) {
+        return "<h" + level + ' id="' + this.options.headerPrefix + raw.toLowerCase().replace(/[^\w]+/g, "-") + '">' + text + "</h" + level + ">\n"
+    };
+    Renderer.prototype.hr = function () {
+        return this.options.xhtml ? "<hr/>\n" : "<hr>\n"
+    };
+    Renderer.prototype.list = function (body, ordered) {
+        var type = ordered ? "ol" : "ul";
+        return "<" + type + ">\n" + body + "</" + type + ">\n"
+    };
+    Renderer.prototype.listitem = function (text) {
+        return "<li>" + text + "</li>\n"
+    };
+    Renderer.prototype.paragraph = function (text) {
+        return "<p>" + text + "</p>\n"
+    };
+    Renderer.prototype.table = function (header, body) {
+        return "<table>\n" + "<thead>\n" + header + "</thead>\n" + "<tbody>\n" + body + "</tbody>\n" + "</table>\n"
+    };
+    Renderer.prototype.tablerow = function (content) {
+        return "<tr>\n" + content + "</tr>\n"
+    };
+    Renderer.prototype.tablecell = function (content, flags) {
+        var type = flags.header ? "th" : "td";
+        var tag = flags.align ? "<" + type + ' style="text-align:' + flags.align + '">' : "<" + type + ">";
+        return tag + content + "</" + type + ">\n"
+    };
+    Renderer.prototype.strong = function (text) {
+        return "<strong>" + text + "</strong>"
+    };
+    Renderer.prototype.em = function (text) {
+        return "<em>" + text + "</em>"
+    };
+    Renderer.prototype.codespan = function (text) {
+        return "<code>" + text + "</code>"
+    };
+    Renderer.prototype.br = function () {
+        return this.options.xhtml ? "<br/>" : "<br>"
+    };
+    Renderer.prototype.del = function (text) {
+        return "<del>" + text + "</del>"
+    };
+    Renderer.prototype.link = function (href, title, text) {
+        if (this.options.sanitize) {
+            try {
+                var prot = decodeURIComponent(unescape(href)).replace(/[^\w:]/g, "").toLowerCase()
+            } catch (e) {
+                return ""
+            }
+            if (prot.indexOf("javascript:") === 0 || prot.indexOf("vbscript:") === 0 || prot.indexOf("data:") === 0) {
+                return ""
+            }
+        }
+        var out = '<a href="' + href + '"';
+        if (title) {
+            out += ' title="' + title + '"'
+        }
+        out += ">" + text + "</a>";
+        return out
+    };
+    Renderer.prototype.image = function (href, title, text) {
+        var out = '<img src="' + href + '" alt="' + text + '"';
+        if (title) {
+            out += ' title="' + title + '"'
+        }
+        out += this.options.xhtml ? "/>" : ">";
+        return out
+    };
+    Renderer.prototype.text = function (text) {
+        return text
+    };
+
+    function Parser(options) {
+        this.tokens = [];
+        this.token = null;
+        this.options = options || marked.defaults;
+        this.options.renderer = this.options.renderer || new Renderer;
+        this.renderer = this.options.renderer;
+        this.renderer.options = this.options
+    }
+    Parser.parse = function (src, options, renderer) {
+        var parser = new Parser(options, renderer);
+        return parser.parse(src)
+    };
+    Parser.prototype.parse = function (src) {
+        this.inline = new InlineLexer(src.links, this.options, this.renderer);
+        this.tokens = src.reverse();
+        var out = "";
+        while (this.next()) {
+            out += this.tok()
+        }
+        return out
+    };
+    Parser.prototype.next = function () {
+        return this.token = this.tokens.pop()
+    };
+    Parser.prototype.peek = function () {
+        return this.tokens[this.tokens.length - 1] || 0
+    };
+    Parser.prototype.parseText = function () {
+        var body = this.token.text;
+        while (this.peek().type === "text") {
+            body += "\n" + this.next().text
+        }
+        return this.inline.output(body)
+    };
+    Parser.prototype.tok = function () {
+        switch (this.token.type) {
+            case "space":
+                return "";
+            case "hr":
+                return this.renderer.hr();
+            case "heading":
+                return this.renderer.heading(this.inline.output(this.token.text), this.token.depth, this.token.text);
+            case "code":
+                return this.renderer.code(this.token.text, this.token.lang, this.token.escaped);
+            case "table":
+                var header = "",
+                    body = "",
+                    i, row, cell, flags, j;
+                cell = "";
+                for (i = 0; i < this.token.header.length; i++) {
+                    flags = {
+                        header: true,
+                        align: this.token.align[i]
+                    };
+                    cell += this.renderer.tablecell(this.inline.output(this.token.header[i]), {
+                        header: true,
+                        align: this.token.align[i]
+                    })
+                }
+                header += this.renderer.tablerow(cell);
+                for (i = 0; i < this.token.cells.length; i++) {
+                    row = this.token.cells[i];
+                    cell = "";
+                    for (j = 0; j < row.length; j++) {
+                        cell += this.renderer.tablecell(this.inline.output(row[j]), {
+                            header: false,
+                            align: this.token.align[j]
+                        })
+                    }
+                    body += this.renderer.tablerow(cell)
+                }
+                return this.renderer.table(header, body);
+            case "blockquote_start":
+                var body = "";
+                while (this.next().type !== "blockquote_end") {
+                    body += this.tok()
+                }
+                return this.renderer.blockquote(body);
+            case "list_start":
+                var body = "",
+                    ordered = this.token.ordered;
+                while (this.next().type !== "list_end") {
+                    body += this.tok()
+                }
+                return this.renderer.list(body, ordered);
+            case "list_item_start":
+                var body = "";
+                while (this.next().type !== "list_item_end") {
+                    body += this.token.type === "text" ? this.parseText() : this.tok()
+                }
+                return this.renderer.listitem(body);
+            case "loose_item_start":
+                var body = "";
+                while (this.next().type !== "list_item_end") {
+                    body += this.tok()
+                }
+                return this.renderer.listitem(body);
+            case "html":
+                var html = !this.token.pre && !this.options.pedantic ? this.inline.output(this.token.text) : this.token.text;
+                return this.renderer.html(html);
+            case "paragraph":
+                return this.renderer.paragraph(this.inline.output(this.token.text));
+            case "text":
+                return this.renderer.paragraph(this.parseText())
+        }
+    };
+
+    function escape(html, encode) {
+        return html.replace(!encode ? /&(?!#?\w+;)/g : /&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;")
+    }
+
+    function unescape(html) {
+        return html.replace(/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/g, function (_, n) {
+            n = n.toLowerCase();
+            if (n === "colon") {
+                return ":"
+            }
+            if (n.charAt(0) === "#") {
+                return n.charAt(1) === "x" ? String.fromCharCode(parseInt(n.substring(2), 16)) : String.fromCharCode(+n.substring(1))
+            }
+            return ""
+        })
+    }
+
+    function replace(regex, opt) {
+        regex = regex.source;
+        opt = opt || "";
+        return function self(name, val) {
+            if (!name) {
+                return new RegExp(regex, opt)
+            }
+            val = val.source || val;
+            val = val.replace(/(^|[^\[])\^/g, "$1");
+            regex = regex.replace(name, val);
+            return self
+        }
+    }
+
+    function noop() {}
+    noop.exec = noop;
+
+    function merge(obj) {
+        var i = 1,
+            target, key;
+        for (; i < arguments.length; i++) {
+            target = arguments[i];
+            for (key in target) {
+                if (Object.prototype.hasOwnProperty.call(target, key)) {
+                    obj[key] = target[key]
+                }
+            }
+        }
+        return obj
+    }
+
+    function marked(src, opt, callback) {
+        if (callback || typeof opt === "function") {
+            if (!callback) {
+                callback = opt;
+                opt = null
+            }
+            opt = merge({}, marked.defaults, opt || {});
+            var highlight = opt.highlight,
+                tokens, pending, i = 0;
+            try {
+                tokens = Lexer.lex(src, opt)
+            } catch (e) {
+                return callback(e)
+            }
+            pending = tokens.length;
+            var done = function (err) {
+                if (err) {
+                    opt.highlight = highlight;
+                    return callback(err)
+                }
+                var out;
+                try {
+                    out = Parser.parse(tokens, opt)
+                } catch (e) {
+                    err = e
+                }
+                opt.highlight = highlight;
+                return err ? callback(err) : callback(null, out)
+            };
+            if (!highlight || highlight.length < 3) {
+                return done()
+            }
+            delete opt.highlight;
+            if (!pending) {
+                return done()
+            }
+            for (; i < tokens.length; i++) {
+                (function (token) {
+                    if (token.type !== "code") {
+                        return --pending || done()
+                    }
+                    return highlight(token.text, token.lang, function (err, code) {
+                        if (err) {
+                            return done(err)
+                        }
+                        if (code == null || code === token.text) {
+                            return --pending || done()
+                        }
+                        token.text = code;
+                        token.escaped = true;
+                        --pending || done()
+                    })
+                })(tokens[i])
+            }
+            return
+        }
+        try {
+            if (opt) {
+                opt = merge({}, marked.defaults, opt)
+            }
+            return Parser.parse(Lexer.lex(src, opt), opt)
+        } catch (e) {
+            e.message += "\nPlease report this to https://github.com/chjj/marked.";
+            if ((opt || marked.defaults).silent) {
+                return "<p>An error occured:</p><pre>" + escape(e.message + "", true) + "</pre>"
+            }
+            throw e
+        }
+    }
+    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
+    };
+    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;
+    if (typeof module !== "undefined" && typeof exports === "object") {
+        module.exports = marked
+    } else {
+        if (typeof define === "function" && define.amd) {
+            define(function () {
+                return marked
+            })
+        } else {
+            this.marked = marked
+        }
+    }
+}).call(function () {
+    return this || (typeof window !== "undefined" ? window : global)
+}());
+</script>
+
+<!--chips-->
+
+<script>
+  Materialize={};Materialize.guid=(function(){function s4(){return Math.floor((1+Math.random())*65536).toString(16).substring(1)}return function(){return s4()+s4()+"-"+s4()+"-"+s4()+"-"+s4()+"-"+s4()+s4()+s4()}})();(function($){var materialChipsDefaults={data:[],placeholder:"",secondaryPlaceholder:"",autocompleteOptions:{},};$(document).ready(function(){$(document).on("click",".chip .close",function(e){var $chips=$(this).closest(".chips");if($chips.attr("data-initialized")){return}$(this).closest(".chip").remove()})});$.fn.material_chip=function(options){var self=this;this.$el=$(this);this.$document=$(document);this.SELS={CHIPS:".chips",CHIP:".chip",INPUT:"input",DELETE:".material-icons",SELECTED_CHIP:".selected",};if("data"===options){return this.$el.data("chips")}var curr_options=$.extend({},materialChipsDefaults,options);self.hasAutocomplete=!$.isEmptyObject(curr_options.autocompleteOptions.data);this.init=function(){var i=0;var chips;self.$el.each(function(){var $chips=$(this);var chipId=Materialize.guid();self.chipId=chipId;if(!curr_options.data||!(curr_options.data instanceof Array)){curr_options.data=[]}$chips.data("chips",curr_options.data);$chips.attr("data-index",i);$chips.attr("data-initialized",true);if(!$chips.hasClass(self.SELS.CHIPS)){$chips.addClass("chips")}self.chips($chips,chipId);i++})};this.handleEvents=function(){var SELS=self.SELS;self.$document.off("click.chips-focus",SELS.CHIPS).on("click.chips-focus",SELS.CHIPS,function(e){$(e.target).find(SELS.INPUT).focus()});self.$document.off("click.chips-select",SELS.CHIP).on("click.chips-select",SELS.CHIP,function(e){var $chip=$(e.target);if($chip.length){var wasSelected=$chip.hasClass("selected");var $chips=$chip.closest(SELS.CHIPS);$(SELS.CHIP).removeClass("selected");if(!wasSelected){self.selectChip($chip.index(),$chips)}}});self.$document.off("keydown.chips").on("keydown.chips",function(e){if($(e.target).is("input, textarea")){return}var $chip=self.$document.find(SELS.CHIP+SELS.SELECTED_CHIP);var $chips=$chip.closest(SELS.CHIPS);var length=$chip.siblings(SELS.CHIP).length;var index;if(!$chip.length){return}if(e.which===8||e.which===46){e.preventDefault();index=$chip.index();self.deleteChip(index,$chips);var selectIndex=null;if((index+1)<length){selectIndex=index}else{if(index===length||(index+1)===length){selectIndex=length-1}}if(selectIndex<0){selectIndex=null}if(null!==selectIndex){self.selectChip(selectIndex,$chips)}if(!length){$chips.find("input").focus()}}else{if(e.which===37){index=$chip.index()-1;if(index<0){return}$(SELS.CHIP).removeClass("selected");self.selectChip(index,$chips)}else{if(e.which===39){index=$chip.index()+1;$(SELS.CHIP).removeClass("selected");if(index>length){$chips.find("input").focus();return}self.selectChip(index,$chips)}}}});self.$document.off("focusin.chips",SELS.CHIPS+" "+SELS.INPUT).on("focusin.chips",SELS.CHIPS+" "+SELS.INPUT,function(e){var $currChips=$(e.target).closest(SELS.CHIPS);$currChips.addClass("focus");$currChips.siblings("label, .prefix").addClass("active");$(SELS.CHIP).removeClass("selected")});self.$document.off("focusout.chips",SELS.CHIPS+" "+SELS.INPUT).on("focusout.chips",SELS.CHIPS+" "+SELS.INPUT,function(e){var $currChips=$(e.target).closest(SELS.CHIPS);$currChips.removeClass("focus");if($currChips.data("chips")===undefined||!$currChips.data("chips").length){$currChips.siblings("label").removeClass("active")}$currChips.siblings(".prefix").removeClass("active")});self.$document.off("keydown.chips-add",SELS.CHIPS+" "+SELS.INPUT).on("keydown.chips-add",SELS.CHIPS+" "+SELS.INPUT,function(e){var $target=$(e.target);var $chips=$target.closest(SELS.CHIPS);var chipsLength=$chips.children(SELS.CHIP).length;if(13===e.which){if(self.hasAutocomplete&&$chips.find(".autocomplete-content.dropdown-content").length&&$chips.find(".autocomplete-content.dropdown-content").children().length){return}e.preventDefault();self.addChip({tag:$target.val()},$chips);$target.val("");return}if((8===e.keyCode||37===e.keyCode)&&""===$target.val()&&chipsLength){e.preventDefault();self.selectChip(chipsLength-1,$chips);$target.blur();return}});self.$document.off("click.chips-delete",SELS.CHIPS+" "+SELS.DELETE).on("click.chips-delete",SELS.CHIPS+" "+SELS.DELETE,function(e){var $target=$(e.target);var $chips=$target.closest(SELS.CHIPS);var $chip=$target.closest(SELS.CHIP);e.stopPropagation();self.deleteChip($chip.index(),$chips);$chips.find("input").focus()})};this.chips=function($chips,chipId){$chips.empty();$chips.data("chips").forEach(function(elem){$chips.append(self.renderChip(elem))});$chips.append($('<input id="'+chipId+'" class="input mdui-textfield-input" placeholder="">'));self.setPlaceholder($chips);var label=$chips.next("label");if(label.length){label.attr("for",chipId);if($chips.data("chips")!==undefined&&$chips.data("chips").length){label.addClass("active")}}var input=$("#"+chipId);if(self.hasAutocomplete){curr_options.autocompleteOptions.onAutocomplete=function(val){self.addChip({tag:val},$chips);input.val("");input.focus()
+};input.autocomplete(curr_options.autocompleteOptions)}};this.renderChip=function(elem){if(!elem.tag){return}var $renderedChip=$('<div class="mdui-chip chip mdui-chip-title"></div>');$renderedChip.text(elem.tag);if(elem.image){$renderedChip.prepend($("<img />").attr("src",elem.image))}$renderedChip.append($('<i class="material-icons mdui-icon close">close</i>'));return $renderedChip};this.setPlaceholder=function($chips){if($chips.data("chips")!==undefined&&$chips.data("chips").length&&curr_options.placeholder){$chips.find("input").prop("placeholder",curr_options.placeholder)}else{if(($chips.data("chips")===undefined||!$chips.data("chips").length)&&curr_options.secondaryPlaceholder){$chips.find("input").prop("placeholder",curr_options.secondaryPlaceholder)}}};this.isValid=function($chips,elem){var chips=$chips.data("chips");var exists=false;for(var i=0;i<chips.length;i++){if(chips[i].tag===elem.tag){exists=true;return}}return""!==elem.tag&&!exists};this.addChip=function(elem,$chips){if(!self.isValid($chips,elem)){return}var $renderedChip=self.renderChip(elem);var newData=[];var oldData=$chips.data("chips");for(var i=0;i<oldData.length;i++){newData.push(oldData[i])}newData.push(elem);$chips.data("chips",newData);$renderedChip.insertBefore($chips.find("input"));$chips.trigger("chip.add",elem);self.setPlaceholder($chips)};this.deleteChip=function(chipIndex,$chips){var chip=$chips.data("chips")[chipIndex];$chips.find(".chip").eq(chipIndex).remove();var newData=[];var oldData=$chips.data("chips");for(var i=0;i<oldData.length;i++){if(i!==chipIndex){newData.push(oldData[i])}}$chips.data("chips",newData);$chips.trigger("chip.delete",chip);self.setPlaceholder($chips)};this.selectChip=function(chipIndex,$chips){var $chip=$chips.find(".chip").eq(chipIndex);if($chip&&false===$chip.hasClass("selected")){$chip.addClass("selected");$chips.trigger("chip.select",$chips.data("chips")[chipIndex])}};this.getChipsElement=function(index,$chips){return $chips.eq(index)};this.init();this.handleEvents()}}(jQuery));
+</script>
+<script>
+$(function(){
+$('.chips-initial').material_chip({
+});
+$('.chips-placeholder').material_chip({
+    placeholder: 'Enter a tag',
+    secondaryPlaceholder: '+Tag',
+});
+  /* save */
+  function getTags(e){
+    var tags = "";
+    for (x in e){
+      if (e[x] != ""){
+        tags += e[x].tag+" ";
+      }
+    }
+    return tags;
+  }
+  function setTags(e){
+    var tags = [];
+
+    for (x in e){
+      if (e[x] != ''){
+        tags[x]=  {'tag':e[x]};
+      }
+    }
+    return tags;
+  }
+  function getpost(){
+    $('#editorContent').val(localStorage.previewContent);
+    $('#editorTitle').val(localStorage.editorTitle);
+    $('#editorDate').val(localStorage.editorDate);
+    $('#imgurl').val(localStorage.imgurl);
+    if (localStorage.categories){
+      if (localStorage.categories.indexOf("radio_custom") == -1){
+        $("input[value='"+ localStorage.categories +"']").attr('checked','');
+      }else{
+        $("input[value='radio_custom']").attr('checked','');
+        $('#editorCategories').val(localStorage.categories.replace("radio_custom",''));
+      }
+    }
+    if (localStorage.editorChips){
+      var data =  setTags(localStorage.editorChips.split(' '));
+      $('.chips-initial').material_chip({
+        data: data,
+      });
+    }
+  }
+   getpost();
+  function setpost(){
+    localStorage.previewContent = $('#editorContent').val();
+    localStorage.editorTitle = $('#editorTitle').val();
+    localStorage.editorDate = $('#editorDate').val();
+    localStorage.imgurl = $('#imgurl').val();
+    if ($("input[name='categories']:checked").val() == "radio_custom" ){
+      localStorage.categories = $("input[name='categories']:checked").val() + $('#editorCategories').val();
+    }else{
+      localStorage.categories = $("input[name='categories']:checked").val();
+    }
+    localStorage.editorChips = getTags($('.chips-initial').material_chip('data'));
+  }
+
+  setInterval(function(){
+    setpost();
+  },5000);
+
+  /*preview*/
+  $("#previewBtn").click(function(){
+    $('#previewContent').html(marked($('#editorContent').val()));
+    $('.mdui-card-primary-title').html($('#editorTitle').val());
+    $('.k-data').html($('#editorDate').val());
+    $('.k-post-media').css('background-image','url('+ $('#imgurl').val() +')');
+  });
+  /*download*/
+  var textFile = null;
+  function makeTextFile(text){
+    var data = new Blob([text], {
+      type: 'text/plain'
+    });
+    if (textFile !== null) {
+      window.URL.revokeObjectURL(textFile);
+    }
+    textFile = window.URL.createObjectURL(data);
+    return textFile;
+  }
+
+  $('#download').click(function(){
+    var filename,filecontent;
+
+    function k_getFiletitle(e){
+      var title = e.toLowerCase().split(" ");
+      var newtitle = "";
+      for (x in title){
+        if (parseInt(x)+1 == title.length){
+            newtitle += title[x];
+        }else{
+            newtitle += title[x]+"-";
+        }
+      }
+      return newtitle;
+    }
+
+    function k_getCategories(e){
+      if (e == "radio_custom" ){
+        return $('#editorCategories').val();
+      }else{
+        return e;
+      }
+    }
+
+    filename = new Date().toLocaleDateString('zh-CN', { hour12: false},'year,month').replace(/\//g,"-") + "-" + k_getFiletitle($('#editorTitle').val()) + ".markdown";
+    filecontent = "---\nlayout: post\ntitle: "+$('#editorTitle').val()+"\ndate: "+$('#editorDate').val()+" "+ new Date().toLocaleTimeString('en-US', { hour12: false }) +" +0800\ncategories: "+k_getCategories($("input[name='categories']:checked").val())+"\ntags: "+getTags($('.chips-initial').material_chip('data'))+"\nimg: "+$('#imgurl').val()+"\n---\n"+$('#editorContent').val();
+    $(this).attr("download",filename);
+    $(this).attr("href",makeTextFile(filecontent));
+  });
+});
 </script>