?個(gè)人主頁(yè)：折枝寄北的博客

前言

在如今這個(gè)信息爆炸的時(shí)代，知識(shí)的分享與傳播變得尤為重要，而博客無(wú)疑是其中的關(guān)鍵載體之一。CSDN作為國(guó)內(nèi)知名的技術(shù)社區(qū)平臺(tái)，為無(wú)數(shù)技術(shù)愛(ài)好者提供了展示自我、交流學(xué)習(xí)的空間。在使用 CSDN 博客進(jìn)行創(chuàng)作的過(guò)程中，Markdown 編輯器無(wú)疑是提升寫(xiě)作效率、打造美觀文章格式的得力工具。

回首過(guò)往，我初涉博客創(chuàng)作領(lǐng)域時(shí)，面對(duì)Markdown編輯器也是一頭霧水。那些看似簡(jiǎn)單的符號(hào)和規(guī)則，仿佛是一道難以逾越的門(mén)檻，讓我在創(chuàng)作過(guò)程中走了不少?gòu)澛?。但憑借著對(duì)知識(shí)分享的熱情和堅(jiān)持不懈的探索，我逐漸掌握了 Markdown 編輯器的精髓，體會(huì)到了它為寫(xiě)作帶來(lái)的便捷與高效。

如今，我將自己在學(xué)習(xí) CSDN Markdown 編輯語(yǔ)法過(guò)程中的經(jīng)驗(yàn)與心得進(jìn)行總結(jié)，整理成這篇教程。希望能為那些和曾經(jīng)的我一樣，對(duì) Markdown 編輯器感到迷茫的新手朋友們提供一份清晰的學(xué)習(xí)指南，讓大家能夠快速上手 CSDN Markdown編輯器，專(zhuān)注于優(yōu)質(zhì)內(nèi)容的創(chuàng)作，輕松打造出排版精美的博客文章，在知識(shí)分享的道路上更加順暢地前行。

1. CSDN Markdown編輯器功能簡(jiǎn)介

1.1 基礎(chǔ)操作界面

• [1] CSDN Markdown編輯器在界面設(shè)計(jì)層面實(shí)現(xiàn)了全新蛻變，全新呈現(xiàn)出更具現(xiàn)代感的視覺(jué)風(fēng)貌，整體界面給人以更為清晰、簡(jiǎn)潔的視覺(jué)感受。與此同時(shí)，編輯器對(duì)操作邏輯進(jìn)行了全方位優(yōu)化，借助科學(xué)合理的功能布局以及便捷的快捷鍵配置，有效減少了用戶(hù)的學(xué)習(xí)難度，全方位提升了編寫(xiě)效率。

• [2] Markdown 語(yǔ)法的基礎(chǔ)功能，像標(biāo)題、列表、代碼塊等常見(jiàn)操作都能輕松實(shí)現(xiàn)，還融入了眾多高級(jí)特性，諸如表格、數(shù)學(xué)公式、流程圖等功能也一應(yīng)俱全。除此之外，編輯器在個(gè)性化定制方面也表現(xiàn)出色，支持自定義樣式和主題，用戶(hù)完全可以依據(jù)個(gè)人偏好打造出獨(dú)具特色的編輯環(huán)境。

• [3] CSDN Markdown 編輯器的亮點(diǎn)功能之一便是實(shí)時(shí)預(yù)覽。當(dāng)用戶(hù)撰寫(xiě) Markdown 文檔時(shí)，文檔的渲染效果能夠即刻顯現(xiàn)，無(wú)需手動(dòng)切換至預(yù)覽模式，這極大地優(yōu)化了用戶(hù)的編寫(xiě)體驗(yàn)。
  

1.2 創(chuàng)作助手和語(yǔ)法說(shuō)明

在功能選擇區(qū)域的最右側(cè)有創(chuàng)作助手和語(yǔ)法說(shuō)明選項(xiàng)，合理的運(yùn)用這兩個(gè)功能，可以使寫(xiě)作事半功倍。

在運(yùn)用語(yǔ)法說(shuō)明選項(xiàng)時(shí)，可以根據(jù)需求，對(duì)已經(jīng)給出的模板進(jìn)行復(fù)制，便于快捷使用的同時(shí)，減輕用戶(hù)使用的壓力。

2. Markdown編輯器語(yǔ)法

2.1 目錄

在語(yǔ)法說(shuō)明中，選擇目錄，點(diǎn)擊復(fù)制，再根據(jù)自己的博客，寫(xiě)出目錄，十分方便。

用下面的這句話，可以十分方便的建立目錄。

@[TOC] (這里寫(xiě)目錄標(biāo)題)

最終效果如下：

2.2 標(biāo)題

2.2.1 標(biāo)題級(jí)別設(shè)置

可以在語(yǔ)法說(shuō)明中選擇標(biāo)題選項(xiàng)，對(duì)CSDN給出的標(biāo)題模板進(jìn)行復(fù)制修改，即可獲得自己的標(biāo)題。

或者也可以自己打出標(biāo)題，只需要在標(biāo)題前面加上"#"即可。
加上幾個(gè)“#”就表示幾級(jí)標(biāo)題。
如下所示：

#一級(jí)標(biāo)題
##二級(jí)標(biāo)題
###三級(jí)標(biāo)題
…

2.2.2 標(biāo)題居中

方法（1）：
“< center > ”是一個(gè)HTML標(biāo)簽，用于將內(nèi)容居中對(duì)齊。這個(gè)標(biāo)簽在HTML4之前的版本中使用，在HTML5中已經(jīng)不再使用，不再建議使用。
而在csdn這里使用是沒(méi)有問(wèn)題的。
用下面這句話，可以在CSDN中實(shí)現(xiàn)居中效果。

< center >居中文本演示

方法（2）：
可以在標(biāo)題兩側(cè)添加“ < div >” 標(biāo)簽，并設(shè)置其樣式為居中對(duì)齊。
具體操作可以復(fù)制以下文字進(jìn)行嘗試：

<div align="center">
這段文本將會(huì)居中顯示。
</div>

這段代碼是 HTML 中的一個(gè) div 元素，align="center" 屬性用于指定該元素的內(nèi)容在水平方向上居中對(duì)齊。div元素是 HTML 中常用的塊級(jí)元素，用于定義文檔中的一個(gè)區(qū)域或容器。通過(guò)設(shè)置 align 屬性為 center，div
元素內(nèi)的所有內(nèi)容（包括文本、圖片、表格等）都會(huì)在水平方向上居中顯示在頁(yè)面上。

3. 文本樣式

文本樣式：是指在文檔或數(shù)字內(nèi)容中，通過(guò)特定的格式設(shè)置和視覺(jué)元素來(lái)改變文本外觀的技術(shù)與方法。它涵蓋了字體、字號(hào)、顏色、對(duì)齊方式、間距、裝飾效果等多種視覺(jué)屬性的調(diào)整，旨在提升文本的可讀性、美觀性和信息傳達(dá)效果。

3.1 強(qiáng)調(diào)文本（斜體）

可以在語(yǔ)法說(shuō)明中選擇文本樣式，進(jìn)行復(fù)制選擇想要的文本樣式，或者你也自己按照語(yǔ)法說(shuō)明的格式，自己打出相應(yīng)的格式即可。

在兩個(gè) “ * ” 之間輸入文本或者在兩個(gè) “ _ ” 之間都可以實(shí)現(xiàn)效果。 復(fù)制以下文本，即可實(shí)現(xiàn)“強(qiáng)調(diào)文本”效果。

*強(qiáng)調(diào)文本示例*
_強(qiáng)調(diào)文本示例_

最終效果示例：

3.2 加粗文本

可以在語(yǔ)法說(shuō)明中選擇文本樣式，進(jìn)行復(fù)制選擇想要的文本樣式，或者你也自己按照語(yǔ)法說(shuō)明的格式，自己打出相應(yīng)的格式即可。

在兩個(gè) “ * *” 之間輸入文本或者在兩個(gè) “ _ _” 之間都可以實(shí)現(xiàn)效果。 復(fù)制以下文本，即可實(shí)現(xiàn)“加粗文本”效果。

**加粗文本**
__加粗文本__

最終效果示例：

3.3 標(biāo)記文本

可以在語(yǔ)法說(shuō)明中選擇文本樣式，進(jìn)行復(fù)制選擇想要的文本樣式，或者你也自己按照語(yǔ)法說(shuō)明的格式，自己打出相應(yīng)的格式即可。

標(biāo)記文本可以使用兩個(gè) “==” 包圍住需要標(biāo)記的文本。

==標(biāo)記文本==

最終效果示例：

3.4 刪除文本

可以在語(yǔ)法說(shuō)明中選擇文本樣式，進(jìn)行復(fù)制選擇想要的文本樣式，或者你也自己按照語(yǔ)法說(shuō)明的格式，自己打出相應(yīng)的格式即可。

刪除文本可以用“ ~~ ”來(lái)進(jìn)行刪除

~~刪除文本~~

最終效果示例：

3.5 引用文本

可以在語(yǔ)法說(shuō)明中選擇文本樣式，進(jìn)行復(fù)制選擇想要的文本樣式，或者你也自己按照語(yǔ)法說(shuō)明的格式，自己打出相應(yīng)的格式即可。

引用文本使用一個(gè)“ > ”來(lái)進(jìn)行引用
復(fù)制以下文本即可進(jìn)行引用

> 引用文本

也可以在上方的菜單區(qū)域進(jìn)行選擇
最終效果示例：

3.6 上下標(biāo)文本

3.6.1 上標(biāo)設(shè)置

方法（1）：
在CSDN的markdown編輯器語(yǔ)法中，你可以使用 “ ^ ”來(lái)進(jìn)行上標(biāo)設(shè)置。

2^10^ 運(yùn)算結(jié)果是 1024。

最終效果示例：

方法（2）：
在Markdown中，上標(biāo)文本的實(shí)現(xiàn)可以使用HTML標(biāo)簽^和來(lái)實(shí)現(xiàn)。

你可以復(fù)制以下文本進(jìn)行效果嘗試：

折<sup>枝</sup>寄北

最終效果示例：

3.6.2 下標(biāo)設(shè)置

方法（1）：
在CSDN的markdown編輯器語(yǔ)法中，你可以使用 “ ~ ”來(lái)進(jìn)行上標(biāo)設(shè)置。

H~2~O is是液體。

最終效果示例：

方法（2）：
在Markdown中，下標(biāo)文本的實(shí)現(xiàn)可以使用HTML標(biāo)簽_和來(lái)實(shí)現(xiàn)。

你可以復(fù)制以下文本進(jìn)行效果嘗試：

折<sub>枝</sub>寄北

最終效果示例：

3.7 按鍵文本

在Markdown編輯器語(yǔ)法中，我們可以使用 “< kbd >” 標(biāo)簽來(lái)創(chuàng)建鍵盤(pán)文本。

復(fù)制文本，請(qǐng)按 <kbd>Ctrl</kbd> + <kbd>C</kbd>。
粘貼文本，請(qǐng)按 <kbd>Ctrl</kbd> + <kbd>V</kbd>。

最終效果示例：

感謝您的閱讀支持！！！

后續(xù)會(huì)持續(xù)更新的！！！

文末投票支持一下！！！