天天看點

51CTO自動生成的文章

這是一篇關于講解如何正确使用51CTO部落格-Markdown的排版示例,希望通過此,大家都能輕松上手,都能通過Markdown 能夠讓自己的文章有更加出色、更清晰明了的排版。

什麼是 Markdown

Markdown (MD) 是現在普遍使用的一種文檔書寫語言格式,隻需用一些非常簡單易記的符号,如(# * / > [] ()\ ),就可以輕松寫出一篇具有良好的排版和可讀性的文章。

文法示例

1.基本文法

一些正常的文法格式。

1.1 标題

标題用#+空格表示,不同數量的#可以表示不同的标題

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

1.2 粗體和斜體粗體

在需要操作的文字前後各加三個“*”

這個是粗體斜體:在需要斜體的文字前後各加一個“*”

這個是斜體用粗體加斜體:在需要操作的文字前後各加三個“*”

這個是粗體加斜體

1.3 删除線删除線文法

在需要删除的文字前後各使用兩個符合“~~”要删除的文字

1.4 引用

符号“>”後面書寫文字。示例:

 這個是引用

1.5 目錄

可通過:@[toc](目錄) 生成目錄。

1.6 空行

如需空行,則可\ +回車換行。

2.LaTeX公式

LaTeX數學公式有兩種:行中公式和獨立公式(行間公式)。行中公式放在文中與其它文字混編,獨立公式單獨成行。

2.1 行内公式

=mc^2$

=mc^2$

2.2 獨立公式

$=mc^2$$

$=mc^2$$

2.3 複雜公式

$$\begin{array}{c}
 

abla 	imes ec{\mathbf{B}} -\, rac1c\, rac{\partialec{\mathbf{E}}}{\partial t} &
= rac{4\pi}{c}ec{\mathbf{j}}    
abla \cdot ec{\mathbf{E}} & = 4 \pi 
ho \
 

abla 	imes ec{\mathbf{E}}\, +\, rac1c\, rac{\partialec{\mathbf{B}}}{\partial t} & = ec{\mathbf{0}} \
 

abla \cdot ec{\mathbf{B}} & = 0
 
nd{array}$$
           

$$\begin{array}{c}

abla imes ec{\mathbf{B}} -, rac1c, rac{\partialec{\mathbf{E}}}{\partial t} &

= rac{4\pi}{c}ec{\mathbf{j}}

abla \cdot ec{\mathbf{E}} & = 4 \pi

ho \

abla imes ec{\mathbf{E}}, +, rac1c, rac{\partialec{\mathbf{B}}}{\partial t} & = ec{\mathbf{0}} \

abla \cdot ec{\mathbf{B}} & = 0

nd{array}$$

更多文法參考:Markdown 編輯器添加 Latex數學公式教程

3.代碼高亮

3.1 普通

*emphasize*    **strong**
_emphasize_    __strong__
@a = 1
           

3.2 文法高亮支援

如果在 ``` 後面跟随語言名稱,可以有文法高亮的效果,如:

3.2.1 html/xml 代碼高亮示例
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>  
</body>
</html>
           
3.2.2 Python高亮示例
#!/usr/bin/python3
# Fibonacci series: 斐波納契數列
# 兩個元素的總和确定了下一個數
a, b = 0, 1
while b < 10:
    print(b)
    a, b = b, a+b
           
3.2.3 CSS 檔案示例
body {
    background-color: red;
}

h1 {
    color: orange;
    text-align: center;
}

p {
    font-family: "Times New Roman";
    font-size: 20px;
}
           
支援語言有:

HTML/XML

,

JSON

,

Bash

,

CSS

,

Java

,

JavaScript

,

PHP

,

Python

,

Rust

,

C/C++

4.繪制表格

| Column 1 | Column 2 | Column 3 |

| -------- | -----: | :----: |

| cell 1 | cell 2 | cell 3 |

| cell 4 | cell 5 | cell 6 |

| cell 7 | cell 8 | cell 9 |

Column 1 Column 2 Column 3
cell 1 cell 2 cell 3
cell 4 cell 5 cell 6
cell 7 cell 8 cell 9

5.Todo清單

文法:

- [ ] 社群直播公開課開展情況

- [x] 5分鐘搞定俄羅斯方塊---元件化實戰

- [x] 服務早期紅利與各項技術場景創新分析

顯示:

  • [ ] 社群直播公開課開展情況
  • [x] 5分鐘搞定俄羅斯方塊---元件化實戰
  • [x] 服務早期紅利與各項技術場景創新分析

6.連結

支援直接粘貼連結位址。連結文法和顯示如下:

文法1:

[連結名稱](http://連結網址)

顯示:連結名稱

或文法2:

<http://連結網址>

顯示:http://連結網址

7. 圖檔

可通過上傳按鈕上傳圖檔,也支援直接粘貼圖檔,也支援拖拽上傳圖檔。圖檔文法和顯示如下:

文法:

![請添加連結描述](https://s2.51cto.com/images/100/blog/error_t.png)

顯示:![請添加連結描述](圖檔位址)

8. 有序清單&有序清單

無序清單的使用,在符号“-”後加空格使用。如下:

  • 清單項
  • 清單項
  • 清單項

如果要控制清單的層級,則需要在符号“-”前使用空格。如下:

  • 清單項
  • 清單項
    • 清單内容
    • 清單内容

有序清單的使用,在數字及符号“.”後加空格幾個,如下:

  1. 清單項
  2. 清單項
    1. 清單内容
    2. 清單内容
      1. 子清單内容
      2. 子清單内容
      3. 子清單内容

9. 分割線

可以在一行中用三個以上的星号、減号、底線來建立一個分隔線,同時需要在分隔線的上面空一行。

例:

-------

*****

______

10. 符号轉義

11. 導入和導出

12. 其他說明