strlen與strcpy解析+模拟實作#yyds幹貨盤點#

這是一篇關于講解如何正确使用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 目錄

1.6 空行

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

2.LaTeX公式

LaTeX數學公式有兩種：行中公式和獨立公式（行間公式）。行中公式放在文中與其它文字混編，獨立公式單獨成行。

2.1 行内公式

$=mc^2$

$=mc^2$

2.2 獨立公式

$$=mc^2$$

$$=mc^2$$

更多文法參考：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清單

文法：

- [ ] 在Blog-51CTO寫一篇技術部落格

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

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

顯示：

[ ] 在Blog-51CTO寫一篇技術部落格
[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. 子清單内容
  3. 子清單内容

9. 分割線

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

例：

-------

*****

______

10. 符号轉義

如果你的描述中需要用到 markdown 的符号，比如

# *

等，但又不想它被轉義，這時候可以在這些符号前加反斜杠，如

\ # *

進行避免。

11. 導入和導出

支援正文導出

.md

的文檔，支援導入.md格式的文檔。

導入：支援導入本地

.md

格式的文檔

導出：正文内容可以導出本地

.md

格式的文檔

12.高效繪制流程圖

` ` `flow

st=>start: Start

op=>operation: Your Operation

cond=>condition: Yes or No?

e=>end



st->op->cond

cond(yes)->e

cond(no)->op

` ` `

顯示：

st=>start: Start

op=>operation: Your Operation

cond=>condition: Yes or No?

e=>end



st->op->cond

cond(yes)->e

cond(no)->op

13.高效繪制序列圖

` ` `seq

Alice->Bob: Hello Bob, how are you?

Note right of Bob: Bob thinks

Bob-->Alice: I am good thanks!

` ` `

Alice->Bob: Hello Bob, how are you?

Note right of Bob: Bob thinks

Bob-->Alice: I am good thanks!

14.高效繪制甘特圖

` ` `gantt

    axisFormat  %m/%d

    title 項目開發流程

    section 項目立項

        需求分析       :a1, 2021-01-01, 5d

        可行性報告     :after a1, 6d

        概念驗證       : 5d

    section 項目實施

        概要設計      :2021-01-14  , 5d

        詳細設計      :2021-01-19, 10d

        編碼          :2021-01-29, 10d

        測試          :2021-02-08, 5d

    section 釋出驗收

        釋出: 3d

        驗收: 3d

` ` `

axisFormat  %m/%d

    title 項目開發流程

    section 項目立項

        需求分析       :a1, 2021-01-01, 5d

        可行性報告     :after a1, 6d

        概念驗證       : 5d

    section 項目實施

        概要設計      :2021-01-14  , 5d

        詳細設計      :2021-01-19, 10d

        編碼          :2021-01-29, 10d

        測試          :2021-02-08, 5d

    section 釋出驗收

        釋出: 3d

        驗收: 3d

15. 其他說明

使用WuKong編輯器釋出的内容隻能WuKong編輯器編輯，不可切換Markdown編輯器；

使用Markdown編輯器釋出的内容隻能Markdown編輯器編輯，不可切換WuKong編輯器編輯。

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

什麼是 Markdown

文法示例

1.基本文法

一些正常的文法格式。

1.1 标題

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

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

1.2 粗體和斜體粗體

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

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

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

這個是粗體加斜體

1.3 删除線删除線文法

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

1.4 引用

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

這個是引用

1.5 目錄

1.6 空行

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

2.LaTeX公式

LaTeX數學公式有兩種：行中公式和獨立公式（行間公式）。行中公式放在文中與其它文字混編，獨立公式單獨成行。

2.1 行内公式

$=mc^2$

$=mc^2$

2.2 獨立公式

$$=mc^2$$

$$=mc^2$$

更多文法參考：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清單

文法：

- [ ] 在Blog-51CTO寫一篇技術部落格

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

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

顯示：

[ ] 在Blog-51CTO寫一篇技術部落格
[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. 子清單内容
  3. 子清單内容

9. 分割線

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

例：

-------

*****

______

10. 符号轉義

如果你的描述中需要用到 markdown 的符号，比如

# *

等，但又不想它被轉義，這時候可以在這些符号前加反斜杠，如

\ # *

進行避免。

11. 導入和導出

支援正文導出

.md

的文檔，支援導入.md格式的文檔。

導入：支援導入本地

.md

格式的文檔

導出：正文内容可以導出本地

.md

格式的文檔

12.高效繪制流程圖

` ` `flow

st=>start: Start

op=>operation: Your Operation

cond=>condition: Yes or No?

e=>end



st->op->cond

cond(yes)->e

cond(no)->op

` ` `

st=>start: Start

op=>operation: Your Operation

cond=>condition: Yes or No?

e=>end



st->op->cond

cond(yes)->e

cond(no)->op

13.高效繪制序列圖

` ` `seq

Alice->Bob: Hello Bob, how are you?

Note right of Bob: Bob thinks

Bob-->Alice: I am good thanks!

` ` `

Alice->Bob: Hello Bob, how are you?

Note right of Bob: Bob thinks

Bob-->Alice: I am good thanks!

14.高效繪制甘特圖

` ` `gantt

    axisFormat  %m/%d

    title 項目開發流程

    section 項目立項

        需求分析       :a1, 2021-01-01, 5d

        可行性報告     :after a1, 6d

        概念驗證       : 5d

    section 項目實施

        概要設計      :2021-01-14  , 5d

        詳細設計      :2021-01-19, 10d

        編碼          :2021-01-29, 10d

        測試          :2021-02-08, 5d

    section 釋出驗收

        釋出: 3d

        驗收: 3d

` ` `

axisFormat  %m/%d

    title 項目開發流程

    section 項目立項

        需求分析       :a1, 2021-01-01, 5d

        可行性報告     :after a1, 6d

        概念驗證       : 5d

    section 項目實施

        概要設計      :2021-01-14  , 5d

        詳細設計      :2021-01-19, 10d

        編碼          :2021-01-29, 10d

        測試          :2021-02-08, 5d

    section 釋出驗收

        釋出: 3d

        驗收: 3d

strlen與strcpy解析+模拟實作#yyds幹貨盤點#

什麼是 Markdown

文法示例

1.基本文法

1.1 标題

1.2 粗體和斜體粗體

1.3 删除線删除線文法

1.4 引用

1.5 目錄

1.6 空行

2.LaTeX公式

2.1 行内公式

2.2 獨立公式

3.代碼高亮

3.1 普通

3.2 文法高亮支援

3.2.1 html/xml 代碼高亮示例

3.2.2 Python高亮示例

3.2.3 CSS 檔案示例

4.繪制表格

5.Todo清單

6.連結

7. 圖檔

8. 有序清單&有序清單

9. 分割線

10. 符号轉義

11. 導入和導出

12.高效繪制流程圖

13.高效繪制序列圖

14.高效繪制甘特圖

15. 其他說明

什麼是 Markdown

文法示例

1.基本文法

1.1 标題

1.2 粗體和斜體粗體

1.3 删除線删除線文法

1.4 引用

1.5 目錄

1.6 空行

2.LaTeX公式

2.1 行内公式

2.2 獨立公式

3.代碼高亮

3.1 普通

3.2 文法高亮支援

3.2.1 html/xml 代碼高亮示例

3.2.2 Python高亮示例

3.2.3 CSS 檔案示例

4.繪制表格

5.Todo清單

6.連結

7. 圖檔

8. 有序清單&有序清單

9. 分割線

10. 符号轉義

11. 導入和導出

12.高效繪制流程圖

13.高效繪制序列圖

14.高效繪制甘特圖

15. 其他說明

繼續閱讀