?個人主頁：折枝寄北的博客
Markdown編輯語法教程總結
- 前言
- 1. 列表
- 1.1 無序列表
- 1.2 有序列表
- 1.3 待辦事項列表
- 1.4 自定義列表
- 2. 圖片
- 2.1 直接插入圖片
- 2.2 插入帶尺寸的圖片
- 2.3 插入寬度確定，高度等比例的圖片
- 2.4 插入高度確定寬度等比例的圖片
- 2.5 插入居中的圖片
- 2.6 插入居中并且帶尺寸的圖片
- 2.7 插入居右的圖片
- 3. 鏈接
- 4. 代碼片
- 5. 表格
- 5.1 簡單表格
- 5.2 表格文本位置
- 6. 注腳
- 7. 注釋
- 感謝您的閱讀支持！！！
- 后續會持續更新的！！！
- 文末投票支持一下！！！
前言
在如今這個信息爆炸的時代，知識的分享與傳播變得尤為重要，而博客無疑是其中的關鍵載體之一。CSDN作為國內知名的技術社區平臺，為無數技術愛好者提供了展示自我、交流學習的空間。在使用 CSDN 博客進行創作的過程中，Markdown 編輯器無疑是提升寫作效率、打造美觀文章格式的得力工具。
回首過往，我初涉博客創作領域時，面對Markdown編輯器也是一頭霧水。那些看似簡單的符號和規則，仿佛是一道難以逾越的門檻，讓我在創作過程中走了不少彎路。但憑借著對知識分享的熱情和堅持不懈的探索，我逐漸掌握了 Markdown 編輯器的精髓，體會到了它為寫作帶來的便捷與高效。
如今，我將自己在學習 CSDN Markdown 編輯語法過程中的經驗與心得進行總結，整理成這篇教程。希望能為那些和曾經的我一樣，對 Markdown 編輯器感到迷茫的新手朋友們提供一份清晰的學習指南，讓大家能夠快速上手 CSDN Markdown編輯器，專注于優質內容的創作，輕松打造出排版精美的博客文章，在知識分享的道路上更加順暢地前行。
在這篇博客之前，我已經寫了上篇，在上篇中有“基礎介紹，創作助手，目錄，標題和文本樣式”的使用介紹，有需要的朋友可以去看看！！！
CSDN博客：Markdown編輯語法教程總結教程（上）
1. 列表
1.1 無序列表
無序列表的表示方法有三種：
- 可以使用一個“ - ”放在開頭來實現效果
- 可以使用一個“ * ”放在開頭來實現效果
- 可以使用一個“ + ”放在開頭來實現效果
你可以選擇在上方的工具區域選擇“ 無序 ”選項來進行無序列表的實現，或者也可以自己打出相應符號來進行書寫。（他們也可以實現層級效果）
最終效果示例如下：
1.2 有序列表
有序列表的實現十分簡單，與標題類似，只是在文本前無需加上“ # ”
只需要打出對應數字加“ .(空格) ”即可實現有序列表效果。
或者在菜單區域選擇“ 有序 ”選項即可實現操作。
1. 折枝寄北列表示例1
2. 折枝寄北列表示例2
3. 折枝寄北列表示例3
最終效果示例如下：
1.3 待辦事項列表
任務完成與否列表的實現可以通過在下單區域選擇“ 待辦 ”選項或者在鍵盤輸入“ -[ ] ”來實現效果。
你可以復制以下文案進行嘗試：
- [ ] 折枝寄北計劃任務- [x] 折枝寄北完成任務
最終效果示例如下：
1.4 自定義列表
在Markdown編輯器語法中，除了有序列表，無序列表和待辦事項列表外，還有自定義列表可以使用。
自定義列表以冒號（:）為開頭，后面即為表格內容。
你可以復制以下內容進行嘗試：
折枝寄北的列表示例
: 枝寄北任務1
: 折枝寄北任務2
最終效果示例如下：
2. 圖片
在mark逗我呢編輯器中插入圖片需要滿足相應的語法規則：
! [填寫圖片的替代文本](URL地址 可選title屬性)
Markdown編輯器中插入圖片，我們需要使用感嘆號（!）后跟方括號（[]）和圓括號（()）的語法結構。方括號中填寫圖片的替代文本（alt text），這有助于在圖片無法加載時理解圖片內容；圓括號中則填寫圖片的URL地址。此外，圓括號內還可以選擇性地添加title屬性，為圖片提供額外的提示信息。
2.1 直接插入圖片
如果直接插入一張名為“example.jpg”的圖片，并為其添加替代文本“示例圖片”，可以這樣做：
語法是這樣的：
以下我們用官方圖片作為介紹：
官方示例圖片地址
https://iblog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png
使用示例圖片進行代替：https://iblog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png替換example.jpg
最終顯示效果如下：
圖片: 
2.2 插入帶尺寸的圖片
想插入帶有尺寸的圖片，需要對原始圖片的語法結構加入尺寸要素：
原始圖片尺寸的語法是這樣的：調整圖片尺寸后的語法是這樣的：
二者的區別在于我們在最后對圖片
的尺寸進行的一定限定（加入了“=60x60” ）
最終效果如下所示：
帶尺寸的圖片:
2.3 插入寬度確定，高度等比例的圖片
同上的要素添加類似，不再進行贅述，只需要添加“=60x”在 （）末尾中 即可
寬度確定高度等比例的圖片:
2.4 插入高度確定寬度等比例的圖片
同上的要素添加類似，不再進行贅述，只需要添加“=x80”在 （）末尾中 即可
高度確定寬度等比例的圖片:
2.5 插入居中的圖片
同上的要素添加類似，不再進行贅述，只需要添加“#pic_center”在 （）末尾中 即可
居中的圖片: 
2.6 插入居中并且帶尺寸的圖片
同上的要素添加類似，不再進行贅述，只需要添加“#pic_center =60x60”在 （）末尾中 即可
居中并且帶尺寸的圖片:
2.7 插入居右的圖片
同上的要素添加類似，不再進行贅述，只需要添加“#pic_right”在 （）末尾中 即可
居右的圖片: 
3. 鏈接
Markdown鏈接的語法如下：
[鏈接文本](鏈接地址 可選title屬性)
鏈接: [link](https://www.csdn.net/)
其中，鏈接文本是顯示在文檔中的文本，點擊它會跳轉到鏈接地址所指定的頁面。
可以在上方的工具欄中通過超鏈接添加或者通過語法說明也可以
4. 代碼片
代碼片的插入可以根據編程語言的不同，最終的顯示效果也會有些許不同。
可以使用使用反引號(`)來插入代碼塊，并指定代碼的語言。
5. 表格
Markdown編輯器創建表格，這樣讓數據在文檔中展示更為簡潔，變得更直觀。
在Markdown中，你可以使用豎線（|）來分隔表格的列，使用破折號（-）來定義表頭。
5.1 簡單表格
5.2 表格文本位置
在表頭下方的分隔線中使用英文狀態下的冒號（:），可以指定單元格內容的對齊方式。
冒號放在左邊則左對齊，放在右邊則右對齊，兩邊都放則居中對齊。這樣就可以根據需要調整表格的展示效果了。
6. 注腳
可以在需要添加注腳的地方使用方括號和脫字符號（[^注腳標識]）來標記注腳，然后在文檔的末尾使用相同的注腳標識來定義注腳的內容
一個具有注腳的文本。[^1][^1]: 注腳的解釋
7. 注釋
這個注釋是可以進行及時查看內容，只需要放把光標放在虛線上，即可實現查看效果。
通過
*[添加術語 ]：解釋內容
Markdown將文本轉換為 HTML。
感謝您的閱讀支持！！！
后續會持續更新的！！！
文末投票支持一下！！！
