在使用markdown时遇到的有序列表ol不显示序号的问题
在Markdown中,有序列表(Ordered List)使用数字或字母作为项目的序号。当你将Markdown文本转换为HTML时,通常会生成包含有序列表的<ol>标签。
有序列表的序号在HTML中通常是由CSS样式指定的。如果你的有序列表在输出的HTML中没有显示序号,可能是由于以下原因之一:
-
CSS样式:有序列表的序号的显示方式是由CSS样式定义的。你的HTML页面的CSS样式可能将有序列表的序号设置为隐藏或去除了样式。你可以检查你的CSS文件或内联样式,查看是否有相关的设置。
例如,以下CSS样式将隐藏有序列表的序号:
ol { list-style: none; }
如果要显示有序列表的序号,你可以在CSS样式中添加合适的样式,例如:
ol { list-style: decimal; }
这将使用十进制数字显示有序列表的序号。
-
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没几天.........难免有疏漏
声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。