MarkDownPad2的使用以及HTML侧边导航栏

MarkDownPad2 中的HTML HEADER编辑器头部代码实现 F6打开浏览器侧边导航栏

MarkDown破解

点击 帮助 - 专业版激活 - 在弹出的小窗口输入 下面的邮箱和秘钥
邮箱： Soar360@live.com
秘钥：

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

MarkDown的快捷键

导出为HTML文件方式 : File 》导出》导出为HTML文件( Ctrl + Shift + 1)
F7 打开设置选项
F6 在浏览器中预览

==================================================

MarkDown语法

图文对照查看如下

https://blog.csdn.net/HandsomeFuHS/article/details/52883871

表格

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

下划线分隔符( 三个*)

***

---

有序列表 （1.空格 XX）

1. a
1. b
1. c
1. d

1. a
2. b
3. c
4. d

无序列表 （* 星开头）

* a
* b
* c
* d

• a
• b
• c
• d

代码框 （“` 开头和结尾）

 ```
hello  world
 ```

hello  world

超链接

图片为：

![]()   【Ctrl + g】  // 图片

链接为：

[]()    【Ctrl + i】 // 链接

MarkDown生成HTML的表头JS代码模板

侧边导航栏JavaScript代码
由于浏览器兼容模式，急速模式等对CSS3支持程度的不同，在markdownPad2中添加表头JS代码后打开的HTML的页面可能混乱 点击锚点位置错误，建议浏览器下F11 全屏浏览使得体验较好

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
 //是否显示导航栏
 var showNavBar = true;
 //是否展开导航栏
 var expandNavBar = true;
 var currentIndex = 0;
 var currentScrollHigh = 0;
 var currentContentScrollHigh = 0;
 function sleep(numberMillis) {
      
    var now = new Date();  
    var exitTime = now.getTime() + numberMillis;  
    while (true) {  
        now = new Date();  
        if (now.getTime() > exitTime)  
        return;  
        }  
}


$(window).onbeforeunload = function(){
     
currentIndex = 0;
} 


 $(window).load(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;   // 显示的最低层级
var sum = 0;


    for(var i = 0; i < headCounts.length; i++){
          if(headCounts[i] > 0){
          for( var y = 0; y < headCounts[i]; y++)
                 sum = sum + 1;
          }
    }