Shulou(Shulou.com)05/31 Report--

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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.