这篇“mdnice怎么制作独立的样式块”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“mdnice怎么制作独立的样式块”文章吧。
使用 mdnice 排版时发现需要独立的样式块怎么办?
引用的格式是在符号 >
后面书写文字,文字的内容可以包含链接、图片、粗体和斜体等。
当使用多个 >
符号时,就会变成多级引用,因此可以利用多级引用来做样式块设计
一级引用是最常用的,目前所有主题都有默认实现
一级引用文本如下:
> ### 一级引用>> 读一本好书,就是在和高尚的人谈话。**——歌德**>> [Markdown Nice最全功能介绍](https://mp.weixin.qq.com/s/lM808MxUu6tp8zU8SBu3sg)>> 
二级引用文本如下:
>> 扫码即可进入小姐姐个人主页>>>> **免费申请认识小姐姐**>>>>>>>> 也可以直接联系我咨询详情
二级引用自定义样式:
#nice .multiquote-2 { box-shadow: none; border-left: none;}#nice .multiquote-2 blockquote { padding: 20px 30px; background-color:rgb(223, 241, 238); transform: rotateZ(4deg); border: 1px dashed rgba(0,0,0,0.5);}#nice .multiquote-2 blockquote p { color: rgb(7, 107, 115); font-size:14px; text-align: center; font-weight: bold; padding: 5px;}#nice .multiquote-2 blockquote strong { color: rgb(255, 79, 121);}
三级引用与二级引用同理,只要愿意,无限增加 >
可以制造 n 级引用
三级引用文本如下:
>>> ### Ta的秘密>>>>>> >>>>>> **兴趣爱好**>>>>>> 喜欢阅读、旅行、健身
三级引用自定义样式:
#nice .multiquote-3 { border-left: none; padding: 0;}#nice .multiquote-3 blockquote { border-left: none; padding: 0;}#nice .multiquote-3 blockquote blockquote { border: 1px dashed rgba(0,0,0,0.5); padding: 0 20px;}#nice .multiquote-3 blockquote blockquote h4 { background: pink; color:white;}#nice .multiquote-3 blockquote blockquote strong { color: rgb(255, 79, 121)}
效果如下:
Ta 的秘密
![]()
兴趣爱好
喜欢阅读、旅行、健身
以上就是关于“mdnice怎么制作独立的样式块”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
原文链接:https://my.oschina.net/u/2446442/blog/4646521