xvmqC1Ye - 5天前注册会员;
mbtdr3ev - 10天前注册会员;
3n44fZgo - 29天前注册会员;
73n5lsCR - 43天前注册会员;
NaZ2pUfG - 52天前注册会员;
加入我们(63 )

在使用markdown时遇到的有序列表ol不显示序号的问题

在Markdown中,有序列表(Ordered List)使用数字或字母作为项目的序号。当你将Markdown文本转换为HTML时,通常会生成包含有序列表的<ol>标签。

有序列表的序号在HTML中通常是由CSS样式指定的。如果你的有序列表在输出的HTML中没有显示序号,可能是由于以下原因之一:

  1. CSS样式:有序列表的序号的显示方式是由CSS样式定义的。你的HTML页面的CSS样式可能将有序列表的序号设置为隐藏或去除了样式。你可以检查你的CSS文件或内联样式,查看是否有相关的设置。

    例如,以下CSS样式将隐藏有序列表的序号:

    ol {
     list-style: none;
    }

    如果要显示有序列表的序号,你可以在CSS样式中添加合适的样式,例如:

    ol {
     list-style: decimal;
    }

    这将使用十进制数字显示有序列表的序号。

  2. Markdown转换器:不同的Markdown转换器(例如Markdown解析库或在线Markdown编辑器)可能对有序列表的默认样式进行了不同的设置。这些转换器可能会为有序列表的序号应用特定的CSS样式,或者可能没有包含序号样式的默认设置。

    如果你在使用Markdown编辑器或转换器,请查看其文档或设置选项,看是否有控制有序列表序号样式的选项。

需要注意的是,Markdown本身并没有提供直接控制有序列表序号样式的语法。序号的显示方式是通过转换为HTML后,再通过CSS样式来控制的。因此,如果你想更改有序列表的序号样式,需要通过CSS来进行调整。


YUMENG主题 中,修改文章默认模板的css样式,在“style> css> main.css”文件夹中,修改后的代码和图片如下:(此图是修改后的,想修改的,可以直接参考修改,我就不赘述了,有不明白的,评论里回复,正常应该一般人碰不到.......)

.post__description ol {
    font-size: 14px;
    line-height: 24px;
    color: #345471;
    margin-top: 15px;
    padding-left: 30px;

}

.post__description ol li {
    position: relative;
    margin: 10px 0;
    padding-left: 10px;
    list-style: decimal;
}


注意YUMENG主题 中,我遇到情况是在markdown中即使用无序列表ul;又使用有序列表ol时,会出现有序列表ol显示不出序号的情况,图我就不上了,忘了截图了,总之就是没序号,很好理解。我上个修改后的图吧:

另外我也修改了主题文章默认的strong标签的默认颜色,原来是红色red,强迫症让我改了跟上下文一样的配色:

.conts b,
strong {
    color: #345471;
}


以上内容仅供参考,如有疑问,欢迎留言。站长可以参考完善,我刚用markdown没几天.........难免有疏漏

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。