Github樣式顯示參考：點我
之前說過用word寫文章，這次說說Markdown寫文章（推薦）
逆天推薦使用VSCode編寫
裝這個插件寫作更方便：
啟用方式：
H1~H3(#的個數)[博客園只支持H1~3]
# H1
## H2
### H3
H1
H2
H3
斜體(一個*斜體)，加粗(兩個*粗體)，刪除線（兩個~）
**加粗內容** 其他內容 *斜體內容* ~~刪除內容~~
加粗內容 其他內容 斜體內容 刪除內容
引用(> or >>)、代碼塊(```開頭結尾)、分隔符(---)、換行(空一行 或者 br標簽 )、轉義( \ )
引用：
>引用 | 塊注釋
>從前有座山，山里有座廟
>>里面再來個引用
引用 | 塊注釋
從前有座山，山里有座廟里面再來個引用
單個代碼塊：
以`（反引號）開頭
以`（反引號）結尾
Python and NetCore
代碼塊：
以```(反引號)開頭
以```(～下面的符合)結尾
如果要語法高亮就在```后面加小寫語言名,eg:html,css,javascript,python,cs(csharp)等等
print("以 ```python開頭，```結尾")
var infos_list = new List<object>() { "C#", "JavaScript" };
var infos_list = new List<object>() { "C#", "JavaScript" };
分隔符：
---
換行：
<br/>
<br/>
<br/>
轉義字符
\<br/>
<br/>
HTML代碼
直接寫HTML就可以解析：
<div>
<code>
print("mmd")
</code>
</div>
print("mmd")
超鏈接、圖片、錨點跳轉
超鏈接：
頁面內打開：[超鏈接文字](url)
寫法1：
匯總系列：[鏈接](https://www.cnblogs.com/dunitian/p/4822808.html#ai)
寫法2：
匯總系列：<https://www.cnblogs.com/dunitian/p/4822808.html#ai>
匯總系列：https://www.cnblogs.com/dunitian/p/4822808.html#ai
匯總系列：https://www.cnblogs.com/dunitian/p/4822808.html#ai
新頁面打開：[超鏈接文字](url){:target="_blank"} （有些編輯器不支持，Python Markdown可以使用）
不支持就用：<a href="xxx" target="_blank">xxx</a>
寫法1：
匯總系列：[鏈接](https://www.cnblogs.com/dunitian/p/4822808.html#ai){:target="_blank"}
寫法2：
匯總系列：<https://www.cnblogs.com/dunitian/p/4822808.html#ai>{:target="_blank"}
寫法3：
匯總系列：<a href="https://www.cnblogs.com/dunitian/p/4822808.html#ai" target="_blank">鏈接</a>
匯總系列：https://www.cnblogs.com/dunitian/p/4822808.html#ai{:target="_blank"}
匯總系列：https://www.cnblogs.com/dunitian/p/4822808.html#ai{:target="_blank"}
匯總系列：https://www.cnblogs.com/dunitian/p/4822808.html#ai
圖片：(感嘆號別忘記了)
錨點：（不能實現的就用html實現即可）
我在正文開頭定義了一個：<a name="divtop"></a>
我們跳轉過去：[跳轉指定位置](#divtop)
表格
|xxx|xxx|
|---|---|
|xxx|xxx|
| xxx | xxx |
|---|---|
| xxx | xxx |
eg:
| 字母 | 發音 | 字母 | 發音 |
| ---- | ------ | ---- | ----------- |
| Aa | [ei] | Nn | [en] |
| Bb | [bi:] | Oo | [əu] |
| Cc | [si:] | Pp | [pi:] |
| Dd | [di:] | Qq | [kju:] |
| Ee | [i:] | Rr | [a:] |
| Ff | [ef] | Ss | [es] |
| Gg | [dʒi:] | Tt | [ti:] |
| Hh | [eitʃ] | Uu | [iu:] |
| Ii | [ai] | Vv | [vi:] |
| Jj | [dʒei] | Ww | ['dʌblju:] |
| Kk | [kei] | Xx | [eks] |
| Ll | [el] | Yy | [wai] |
| Mm | [em] | Zz | [zi:]/[zed] |
| 字母 | 發音 | 字母 | 發音 |
|---|---|---|---|
| Aa | [ei] | Nn | [en] |
| Bb | [bi:] | Oo | [əu] |
| Cc | [si:] | Pp | [pi:] |
| Dd | [di:] | [kju:] | |
| Ee | [i:] | Rr | [a:] |
| Ff | [ef] | Ss | [es] |
| Gg | [dʒi:] | Tt | [ti:] |
| Hh | [eitʃ] | Uu | [iu:] |
| Ii | [ai] | Vv | [vi:] |
| Jj | [dʒei] | Ww | ['dʌblju:] |
| Kk | [kei] | Xx | [eks] |
| Ll | [el] | Yy | [wai] |
| Mm | [em] | Zz | [zi:]/[zed] |
列表(無序- 有序 1.2.3. 注意空格)
- 無序列表1
- 無序列表1.1
- 無序列表1.2
- 1.2.1
- 無序列表2
1. 有序列表1
2. 有序列表2
3. 有序列表3
1. 3.1
2. 3.2
1. 3.2.1
2. 3.2.2
- 無序列表3
- 無序列表1
- 無序列表1.1
- 無序列表1.2
- 1.2.1
- 無序列表2
- 有序列表1
- 有序列表2
- 有序列表3
- 3.1
- 3.2
- 3.2.1
- 3.2.2
- 無序列表3
隱藏代碼（推薦）
這個在Github上沒問題，博客園上有點小問題
<details>
<summary>案例標題</summary>
```
隱藏的代碼內容
```
</details>
案例1：求和
def sum(a,b):
return a+b
```
</details>
---
## 目錄生成就用js實現了，MarkDown的方式太累
博客園上傳js文件，然后引用即可
```javascript
$(function () {
// 生成目錄索引列表
var mainContent = $('#cnblogs_post_body');
var h2_list = $('#cnblogs_post_body h2');//如果你的章節標題不是h2,只需要將這里的h2換掉即可
if (mainContent.length < 1)
return;
if (h2_list.length > 0) {
var content = '<a name="_labelTop"></a>';
content += '<div id="navCategory">';
content += '<p style="font-size:18px"><b>目錄</b></p>';
content += '<ul>';
for (var i = 0; i < h2_list.length; i++) {
var go_to_top = '<div style="text-align: right"><a href="#_labelTop">回到頂部</a><a name="_label' + i + '"></a></div>';
$(h2_list[i]).before(go_to_top);
var h3_list = $(h2_list[i]).nextAll("h3");
var li3_content = '';
for (var j = 0; j < h3_list.length; j++) {
var tmp = $(h3_list[j]).prevAll('h2').first();
if (!tmp.is(h2_list[i]))
break;
var li3_anchor = '<a name="_label' + i + '_' + j + '"></a>';
$(h3_list[j]).before(li3_anchor);
li3_content += '<li><a href="#_label' + i + '_' + j + '">' + $(h3_list[j]).text() + '</a></li>';
}
var li2_content = '';
if (li3_content.length > 0)
li2_content = '<li><a href="#_label' + i + '">' + $(h2_list[i]).text() + '</a><ul>' + li3_content + '</ul></li>';
else
li2_content = '<li><a href="#_label' + i + '">' + $(h2_list[i]).text() + '</a></li>';
content += li2_content;
}
content += '</ul>';
content += '</div><p> </p>';
content += '<p style="font-size:18px"><b>正文</b></p>';
if ($('#cnblogs_post_body').length != 0) {
$($('#cnblogs_post_body')[0]).prepend(content);
}
}
var allinfo = '<p><strong>匯總系列：<a href="https://www.cnblogs.com/dotnetcrazy/p/9160514.html" target="_blank">https://www.cnblogs.com/dotnetcrazy/p/9160514.html</a></strong></p>';
$(mainContent[0]).prepend(allinfo);
});
更多語法請參考
https://daringfireball.net/projects/markdown/syntax
關於VSCode寫作的擴展
快捷鍵
生成目錄
按F1，然后輸入 ctoc
效果如下：
按F1，輸入 utoc 就會更新目錄，更新過一次后，你以后Ctrl+S就會自動更新目錄，很方便的
這個目錄在vscode、github中是可以跳轉的，你如果需要在博客里面生成對應的文章目錄需要配合js實現