MarkdownPad 2的安装、配置

Markdown 介绍

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面。 —— 维基百科

Markdown提供了简洁、高效的文档标记语法，被广泛运用于各种开源项目的README文档、说明文档等。同时Markdown语法还兼容HTML语法，在某些场合也可以使用HTML语法来增强Markdown的展现格式。但是一般不建议这样使用，以免导致一些平台对Markdown的兼容问题。

掌握了Markdown语法进行写作，可以让多个开发者在编写文档时按照相同的格式写作。同时Markdown还能转换为各种其他格式，如PDF、HTML，甚至通过pandoc工具还能转化为word格式。因此，掌握Markdown对于一个开发者来说是非常重要的一项技能。

Markdown 编码器

目前来看，支持Markdown语法的编辑器有很多，其中网页版的多一些，windows桌面版的相对少一些，下载了多款编码器，经试用，我觉得 MarkdownPad 2 是最顺手的。

下面说一下MarkdownPad 2的安装、配置

MarkdownPad 2的安装、配置

下载

目录MarkdownPad 2的最新版本是V2.5(当前时间是2017/12/8)，建议下载安装版的，不要绿色版的。
MarkdownPad 2的官网下载地址： http://markdownpad.com/
选择Free版下载。

安装

不说了.

破解

邮箱： [e-mail]
授权秘钥：

GBPduHjWfJU1mZqcPM3BikjYKF6xKhlKIys3i1MU2eJHqWGImDHzWdD6xhMNLGVpbP2M5SN6bnxn2kSE8qHqNY5QaaRxmO3YSMHxlv2EYpjdwLcPwfeTG7kUdnhKE0vVy4RidP6Y2wZ0q74f47fzsZo45JE2hfQBFi2O9Jldjp1mW8HUpTtLA2a5/sQytXJUQl/QKO0jUQY4pa5CCx20sV1ClOTZtAGngSOJtIOFXK599sBr5aIEFyH0K7H4BoNMiiDMnxt1rD8Vb/ikJdhGMMQr0R4B+L3nWU97eaVPTRKfWGDE8/eAgKzpGwrQQoDh+nzX1xoVQ8NAuH+s4UcSeQ==

MarkdownPad 2 在win10下html渲染错误This view has crashed

MarkdownPad 的 FAQ 文档中给出了解决该问题的办法，亲测可用。
详见：http://markdownpad.com/faq.html 页面中搜索 This view has crashed

windows 10系统 需要下载 一个 awesomium_v1.6.6_sdk_win 这是一个 HTML UI ENGINE

下载地址: http://markdownpad.com/download/awesomium_v1.6.6_sdk_win.exe

如果以上安装后问题还没解决，官方文档建议下载安装 Microsoft’s DirectX End-User Runtimes (June 2010)

可参考：http://blog.csdn.net/student9128/article/details/52781808

配置优化

看截图

去掉网络检查

在html 头部添加去缓存代码：

<meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache">

自定义样式

/* RESET=============================================================================*/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;}/* BODY=============================================================================*/body {  font-family: 'microsoft yahei' , Helvetica, arial, freesans, clean, sans-serif;  font-size: 16px;  line-height: 1.8;  /*color: #333;*/  color: #3f3f3f;  background-color: #fff;  padding: 20px;  max-width: 960px;  margin: 0 auto;  max-width: 1000px;  word-break: break-word!important;  word-break: break-all;}body>*:first-child {  margin-top: 0 !important;}body>*:last-child {  margin-bottom: 0 !important;}/* BLOCKS=============================================================================*/p, blockquote, ul, ol, dl, table, pre {  margin: 15px 0;}/* HEADERS=============================================================================*/h1, h2, h3, h4, h5, h6 {  font-family: 'PingFang SC','Microsoft YaHei',SimHei,Arial,SimSun;  margin: 20px 0 10px;  padding: 0;  font-weight: bold;  -webkit-font-smoothing: antialiased;}h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code {  font-size: inherit;}h1 {  font-size: 36px;  color: #000;}h2 {  font-size: 32px;  border-bottom: 2px solid #3F3F3F;  color: #000;  font-weight: bold;  -webkit-font-smoothing: antialiased;}h3 {  font-size: 28px;  font-weight: bold;  -webkit-font-smoothing: antialiased;}h4 {  font-size: 24px;}h5 {  font-size: 20px;}h6 {  color: #777;  font-size: 16px;}body>h2:first-child, body>h1:first-child, body>h1:first-child+h2, body>h3:first-child, body>h4:first-child, body>h5:first-child, body>h6:first-child {  margin-top: 0;  padding-top: 0;}a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {  margin-top: 0;  padding-top: 0;}h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {  margin-top: 10px;}/* LINKS=============================================================================*/a {  color: #4183C4;  text-decoration: none;}a:active, a:hover, a:hover, a:visited {  color: #ca0c16;  text-decoration: underline;}/* LISTS=============================================================================*/ul, ol {  padding-left: 30px;}ul li > :first-child, ol li > :first-child, ul li ul:first-of-type, ol li ol:first-of-type, ul li ol:first-of-type, ol li ul:first-of-type {  margin-top: 0px;}ul ul, ul ol, ol ol, ol ul {  margin-bottom: 0;}dl {  padding: 0;}dl dt {  font-size: 14px;  font-weight: bold;  font-style: italic;  padding: 0;  margin: 15px 0 5px;}dl dt:first-child {  padding: 0;}dl dt>:first-child {  margin-top: 0px;}dl dt>:last-child {  margin-bottom: 0px;}dl dd {  margin: 0 0 15px;  padding: 0 15px;}dl dd>:first-child {  margin-top: 0px;}dl dd>:last-child {  margin-bottom: 0px;}/* CODE=============================================================================*/p code {    color: #b52a1d;}pre, code, tt {  /*font-size: 13px;*/  font-family: Consolas, "Liberation Mono", Courier, monospace;}code, tt {  margin: 0 2px;  padding: 0px 8px;  white-space: nowrap;  border: 1px solid #eaeaea;  background-color: #f8f8f8;  border-radius: 3px;  }pre>code {  margin: 0;  padding: 0;  white-space: pre;  border: none;  background: transparent;white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* mozilla, since 1999 */white-space: -pre-wrap; /* opera 4-6 */white-space: -o-pre-wrap; /* opera 7 */word-wrap: break-word; /* internet explorer 5.5+ */overflow: auto;word-break: break-all;word-wrap: break-word;}pre {  background-color: #F9F9F9;  border: 1px solid #ccc;  font-size: 13px;  line-height: 19px;  overflow: auto;  padding: 6px 10px;  border-radius: 3px;}pre code, pre tt {  background-color: transparent;  border: none;}kbd {    -moz-border-bottom-colors: none;    -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;    background-color: #DDDDDD;    background-image: linear-gradient(#F1F1F1, #DDDDDD);    background-repeat: repeat-x;    border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD;    border-image: none;    border-radius: 2px 2px 2px 2px;    border-style: solid;    border-width: 1px;    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;    line-height: 10px;    padding: 1px 4px;}/* QUOTES=============================================================================*/blockquote {      padding: 15px 20px;    border-left: 10px solid #F1F1F1;    background-color: #F9F9F9;    border-radius: 0 5px 5px 0;    }blockquote>:first-child {  margin-top: 0px;}blockquote>:last-child {  margin-bottom: 0px;}/* HORIZONTAL RULES=============================================================================*/hr {  clear: both;  margin: 15px 0;  height: 0px;  overflow: hidden;  border: none;  background: transparent;  border-bottom: 4px solid #ddd;  padding: 0;}/* TABLES=============================================================================*/table {  font-family: Helvetica, arial, freesans, clean, sans-serif;  padding: 0;  border-collapse: collapse;  border-spacing: 0;  font-size: 1em;  font: inherit;  border: 0;}tbody {  margin: 0;  padding: 0;  border: 0;}table tr {  border: 0;  border-top: 1px solid #CCC;  background-color: white;  margin: 0;  padding: 0;}table tr:nth-child(2n) {  background-color: #F8F8F8;}table tr th, table tr td {  font-size: 1em;  border: 1px solid #CCC;  margin: 0;  padding: 0.5em 1em;}table tr th { font-weight: bold;  background-color: #F0F0F0;}/* IMAGES=============================================================================*/img {    max-width: 1000px;}strong ,b {    padding: 0 4px;}

自定义生成目录

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script><script type="text/javascript"> //是否显示导航栏 var showNavBar = true; //是否展开导航栏 var expandNavBar = true; $(document).ready(function(){    var h1s = $("body").find("h1");    var h2s = $("body").find("h2");    var h3s = $("body").find("h3");    var h4s = $("body").find("h4");    var h5s = $("body").find("h5");    var h6s = $("body").find("h6");    var headCounts = [h1s.length, h2s.length, h3s.length, h4s.length, h5s.length, h6s.length];    var vH1Tag = null;    var vH2Tag = null;    for(var i = 0; i < headCounts.length; i++){        if(headCounts[i] > 0){            if(vH1Tag == null){                vH1Tag = 'h' + (i + 1);            }else{                vH2Tag = 'h' + (i + 1);            }        }    }    if(vH1Tag == null){        return;    }    $("body").prepend('<div class="BlogAnchor">' +         '<span style="color:red;position:absolute;top:-6px;left:0px;cursor:pointer;" onclick="$(\'.BlogAnchor\').hide();">×</span>' +        '<p>' +             '<b id="AnchorContentToggle" title="收起" style="cursor:pointer;">目录▲</b>' +         '</p>' +         '<div class="AnchorContent" id="AnchorContent"> </div>' +     '</div>' );    var vH1Index = 0;    var vH2Index = 0;    $("body").find("h1,h2,h3,h4,h5,h6").each(function(i,item){        var id = '';        var name = '';        var tag = $(item).get(0).tagName.toLowerCase();        var className = '';        if(tag == vH1Tag){            id = name = ++vH1Index;            name = id;            vH2Index = 0;            className = 'item_h1';        }else if(tag == vH2Tag){            id = vH1Index + '_' + ++vH2Index;            name = vH1Index + '.' + vH2Index;            className = 'item_h2';        }        $(item).attr("id","wow"+id);        $(item).addClass("wow_head");        $("#AnchorContent").css('max-height', ($(window).height() - 180) + 'px');        $("#AnchorContent").append('<li><a class="nav_item '+className+' anchor-link" onclick="return false;" href="#" link="#wow'+id+'">'+name+" · "+$(this).text()+'</a></li>');    });    $("#AnchorContentToggle").click(function(){        var text = $(this).html();        if(text=="目录▲"){            $(this).html("目录▼");            $(this).attr({"title":"展开"});        }else{            $(this).html("目录▲");            $(this).attr({"title":"收起"});        }        $("#AnchorContent").toggle();    });    $(".anchor-link").click(function(){        $("html,body").animate({scrollTop: $($(this).attr("link")).offset().top}, 500);    });    var headerNavs = $(".BlogAnchor li .nav_item");    var headerTops = [];    $(".wow_head").each(function(i, n){        headerTops.push($(n).offset().top);    });    $(window).scroll(function(){        var scrollTop = $(window).scrollTop();        $.each(headerTops, function(i, n){            var distance = n - scrollTop;            if(distance >= 0){                $(".BlogAnchor li .nav_item.current").removeClass('current');                $(headerNavs[i]).addClass('current');                return false;            }        });    });    if(!showNavBar){        $('.BlogAnchor').hide();    }    if(!expandNavBar){        $(this).html("目录▼");        $(this).attr({"title":"展开"});        $("#AnchorContent").hide();    } });</script><style>    /*导航*/    .BlogAnchor {        background: #f1f1f1;        padding: 10px;        line-height: 180%;        position: fixed;        right: 48px;        top: 48px;        border: 1px solid #aaaaaa;    }    .BlogAnchor p {        font-size: 18px;        color: #15a230;        margin: 0 0 0.3rem 0;        text-align: right;    }    .BlogAnchor .AnchorContent {        padding: 5px 0px;        overflow: auto;    }    .BlogAnchor li{        text-indent: 0.5rem;        font-size: 14px;        list-style: none;    }    .BlogAnchor li .nav_item{        padding: 3px;    }    .BlogAnchor li .item_h1{        margin-left: 0rem;    }    .BlogAnchor li .item_h2{        margin-left: 2rem;        font-size: 0.8rem;    }    .BlogAnchor li .nav_item.current{        color: white;        background-color: #5cc26f;    }    #AnchorContentToggle {        font-size: 13px;        font-weight: normal;        color: #FFF;        display: inline-block;        line-height: 20px;        background: #5cc26f;        font-style: normal;        padding: 1px 8px;    }    .BlogAnchor a:hover {        color: #5cc26f;    }    .BlogAnchor a {        text-decoration: none;    }</style>