How to make independent style blocks in mdnice
Most people do not understand the knowledge points of this article "mdnice how to make independent style blocks", so the editor summarizes the following contents, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "mdnice how to make independent style blocks" article.
1 problem
What if I find that I need a separate style block when I use mdnice typesetting?
2 multi-level reference solution style block design
The format of the reference is to write the text after the symbol >, and the content of the text can include links, pictures, bold and italics, and so on.
When multiple > symbols are used, they become multi-level references, so multiple references can be used to design style blocks.
2.1 first-level reference
First-level references are the most commonly used, and all topics currently have default implementations
The first-level quotation text is as follows:
> # first-level reference
>
To read a good book is to talk to noble people. *-Goethe * *
>
> [introduction to the most complete functions of Markdown Nice] (https://mp.weixin.qq.com/s/lM808MxUu6tp8zU8SBu3sg)
>
>! [write picture description here] (https://my-wechat.mdnice.com/wechat.jpg)2.2 secondary reference)
The secondary reference text is as follows:
Scan the code to enter Miss Sister's personal home page.
> >
* * apply for free to meet the little sister * *
> >
> >! [] (https://gitee.com/guanpengchn/picture/raw/master/2020-9-24/1600956162799-image.png = 80% x)
> >
> > you can also contact me directly for details
Secondary reference custom style:
# nice .multiplex-2 {
Box-shadow: none
Border-left: none
}
# nice .multiplex-2 blockquote {
Padding: 20px 30px
Background-color:rgb (223,241,238)
Transform: rotateZ (4deg)
Border: 1px dashed rgba (0. 0. 0. 5)
}
# nice .multiplex-2 blockquote p {
Color: rgb (7,107,115)
Font-size:14px
Text-align: center
Font-weight: bold
Padding: 5px
}
# nice .multiplex-2 blockquote strong {
Color: rgb (255,79,121)
} 2.3 three-level reference
The third-level reference is the same as the second-level reference, which can be added infinitely as long as you want to.
The citation text of the third level is as follows:
> # Ta's Secret
> > >
>! [] (https://gitee.com/guanpengchn/picture/raw/master/2020-9-24/1600956295010-image.png)
> > >
> * * hobbies * *
> > >
Like reading, traveling and fitness
Three levels refer to custom styles:
# nice .multiplex-3 {
Border-left: none
Padding: 0
}
# nice .multiplex-3 blockquote {
Border-left: none
Padding: 0
}
# nice .multiplex-3 blockquote blockquote {
Border: 1px dashed rgba (0. 0. 0. 5)
Padding: 0 20px
}
# nice .multiplex-3 blockquote blockquote h4 {
Background: pink
Color:white
}
# nice .multiplex-3 blockquote blockquote strong {
Color: rgb (255,79,121)
}
The effect is as follows:
Ta's Secret
hobby
Like reading, traveling and fitness
The above is about the content of this article on "how to make independent style blocks in mdnice". I believe we all have some understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please pay attention to the industry information channel.
