Typography convention

1 h1

Chapter title centered,number three in bold,used ##.

1.1 h2

The chapter is a section, and the section title is in bold type,used ###.

1.1.1 h3

The section is under the section, and the section title is a small quad,used ####.

1.1.1.1 h4
1.1.1.1.1 h5

Usually only use headlines one, two and three.

2 List

2.1 Unordered list

For the use of unordered lists, use spaces after the symbols-. As follows:

  • Unordered list 1
  • Unordered list 2
  • Unordered list 3

If you want to control the level of the list, you need to use spaces before the symbols-. As follows:

  • Unordered list 1
  • Unordered list 2
    • Unordered list 2.1
    • Unordered list 2.2

Use branches and narratives for the content of the article, or the structure has a hierarchical relationship.
Line must end at the end of the enumeration.

2.2 Ordered list

For the use of an ordered list, enter the contents after adding spaces after the numbers and symbols, as follows:

  1. Ordered list 1
  2. Ordered list 2
  3. Ordered list 3

The following headings in the section, or express a synchronous order relationship.
If a new paragraph begins with the number and its content, a new line is required, and the end of the enumeration must be a new line.

3 Quote

The format of the reference is to write after the symbol. As follows:

Epidemic is order, prevention and control is responsibility. ——leader

Used for large text quotes,End of quote must wrap

4 Font

4.1 Bold and italics

This is bold,Italics are generally only used in English,This is bold & italics.

If the correlation between information is higher, the distance between them should be closer and more like a visual unit; otherwise, the distance between them should be farther and more like multiple visual units. The basic purpose of intimacy is to achieve organization, so that users can see the page structure and information hierarchy at a glance.

As described by the Law of Continuity in the Gestalt School, in the process of perception, people tend to make the straight line of the subject of perception continue to be a straight line, and the curve continues to be a curve. In the interface design, the elements are aligned, which not only conforms to the user’s cognitive characteristics, but also guides the visual flow, allowing the user to receive information more smoothly[1].

4.2 Dividing line

You can use more than three minus signs in a row to create a separator line. At the same time, you need to empty a row above the separator line. As follows:


4.3 Delete line

Use two ~ before and after the text to be deleted, as follows:

2019-nCoV

5 Insert

A tag to display the information of Douban books in hexo post/page.npm

5.2 Footnote

To use before punctuation[2],used for remarks or conclusions from the original text.Annotations are automatically generated at the end, but should also be written at the end.

6 Table

You can use colons to define the alignment of tables as follows:

CenterLeftRightRemarks
Shanxi1331332
Hubei67790529602895
Italy17660143980539

7 Code

7.1 Inline

If you need to refer to code in a line, just use backquotes to cause it, as follows:

Use the printf() function.

7.2 Block

Use three quotes before and after the block you want to highlight, andThe first line, followed by the back quotes, indicates the language of the code block,as follows:

1
2
3
4
5
6
//To write file location information
public class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello,World!"); // comment
}
}

diff:

1
2
+ New item
- Delete item

8 Latex

8.1 Available

8.1.1 Equation

8.1.2 Fraction

8.1.3 Chemical formula

8.1.4 Block formula

8.1.5 Inline formula

The opening $ must have a non-space character immediately to its right, while the closing $ must have a non-space character immediately to its left, and must not be followed immediately by a digit.

8.1.6 Greek alphabet

For Greek letters,$ \alpha \beta,…,\omega $。

and

8.1.7 Sub and sup

Separate use ^ and _ ,for example: = ; = ; =

Root number

Letter top

  • ,
  • ,
  • ,

8.1.8 Brackets

Parentheses and square brackets =
Curly braces need to be represented by \ {and },such as =
When encountering higher scores, the brackets will become smaller, such as = ,\left(…\right)Can automatically adjust the line height of parentheses, such as =

8.1.9 Sum, Limit, and Integral

= ,= , =
= , = , =

8.1.10 Function

Elementary function

8.1.11 特殊符号

  • or

8.1.12 Plain Text

Single space, double space

8.2 May be wrong

Wrap four backslashes

8.2.1 Unbroken equation:

8.2.2 Equation does not break lines and does not support multi-line numbering:

8.2.3 Multi-column unbroken rows are not numbered:

8.2.4 Matrix is not broken:

8.2.5 Branching equations do not wrap

8.2.6 Tabular array

9 Media

9.1 Images

Caption 9-1 Write picture description here
Supports jpg, png, gif, svg and other image formats, examples of svg files are as follows:
Caption 9-2 i_am_svg_20191024083453

10 Special

Generally not used unless absolutely necessary

10.1 HTML

Tmall Red Home Left
Ali Orange Right
Alipay Centered

10.2 Comments (not parsed)


REFERENCES

  1. Ant design.设计模式[EB/OL].https://ant.design/docs/spec/introduce-cn .2020 ↩︎

  2. Github.Mastering Markdown[EB/OL].https://guides.github.com/features/mastering-markdown/ .2014 ↩︎

Edited on
Symbols count in article: 4.3k