zoukankan      html  css  js  c++  java
  • 有关markdown列表的坑

    有关markdown列表的坑

    在本地编辑markdown时,我使用的软件是Typora,对如下markdown代码:

    1. 段落1
    
    第一自然段
    
    第二自然段
    
    2. 段落2
    
    第三自然段
    
    3. 段落3
    
    第五自然段
    
    4. 段落4
    
    第七自然段
    
    

    上面的markdown代码在Typora上显示效果如下:

    但到了博客园中的预览效果就会变成如下效果:

    图中的代码编号出现了问题。究其原因,是这段markdown被博客园导出为如下html:

    <ol>
    <li>段落1</li>
    </ol>
    <p>第一自然段</p>
    <p>第二自然段</p>
    <ol>
    <li>段落2</li>
    </ol>
    <p>第三自然段</p>
    <p>第四自然段</p>
    <ol>
    <li>段落3</li>
    </ol>
    <p>第五自然段</p>
    <p>第六自然段</p>
    <ol>
    <li>段落4</li>
    </ol>
    <p>第七自然段</p>
    <p>第八自然段</p>
    

    这样的代码中,各个列表的表项值显然是各自计算,所以就会出现四个1了。

    如果想要和上面的Typora图中类似的效果,可以使用如下的源码:

    1. 段落1
    第一自然段
    第二自然段
    
    2. 段落2
    第三自然段
    第四自然段
    
    3. 段落3
    第五自然段
    第六自然段
    
    4. 段落4
    第七自然段
    第八自然段
    

    但这种形式的markdown源码是违背Typora在 http://support.typora.io/Line-Break/ 中规定的空行分段方式的,这里导出的html是下面的形式:

    <ol>
    <li>段落1<br>
    第一自然段<br>
    第二自然段</li>
    <li>段落2<br>
    第三自然段<br>
    第四自然段</li>
    <li>段落3<br>
    第五自然段<br>
    第六自然段</li>
    <li>段落4<br>
    第七自然段<br>
    第八自然段</li>
    </ol>
    

    对比刚才的html代码,可以发现这里的“自然段”并没有使用<p>标签包围,仅从逻辑上看,这样做也明显是存在问题的,说白了就没当自然段在用。而且,Typora默认的分段方式是空一行,敲一个回车会自动多出来一个空行,一直手动消除也是不合适的做法。

    所以结论就是:不能拿列表来顶替小标题,稳妥的排版方式还是敲几个井号。实际上在每个列表项前敲井号改成小标题的格式,就能做到正常显示了。

  • 相关阅读:
    springsecurity-用户注销
    springsecurity-自定义403页面
    springsecurity-用户授权 (注解使用)
    springsecurity-用户授权
    springsecurity-自定义登录页面和自定义认证
    springsecurity-查询数据库认证
    springsecurity-基本原理(过滤器链)
    springsecurity-web权限方案-用户认证(设置用户名和密码)
    u-boot移植(九)---代码修改---NAND
    u-boot移植(八)---代码修改---存储控制器--MMU
  • 原文地址:https://www.cnblogs.com/P-R-E-T-T-Y/p/12505164.html
Copyright © 2011-2022 走看看