CSDN博客：Markdown编辑语法教程总结教程（上）
https://i-blog.csdnimg.cn/direct/d1ccac4879734f67aca36d807db7e7be.png#pic_center❤个人主页：折枝寄北的博客
https://i-blog.csdnimg.cn/direct/4af008d1f02c4804b5eeb80f74998e2c.gif#pic_center
前言
在现在这个信息爆炸的时代，知识的分享与传播变得尤为紧张，而博客无疑是此中的关键载体之一。CSDN作为国内知名的技能社区平台，为无数技能爱好者提供了展示自我、交换学习的空间。在使用 CSDN 博客进行创作的过程中，Markdown 编辑器无疑是提升写作服从、打造雅观文章格式的得力工具。
回首过往，我初涉博客创作领域时，面对Markdown编辑器也是一头雾水。那些看似简单的符号和规则，仿佛是一道难以逾越的门槛，让我在创作过程中走了不少弯路。但凭借着对知识分享的热情和对峙不懈的探索，我渐渐掌握了 Markdown 编辑器的精髓，体会到了它为写作带来的便捷与高效。
现在，我将自己在学习 CSDN Markdown 编辑语法过程中的经验与心得进行总结，整理成这篇教程。希望能为那些和曾经的我一样，对 Markdown 编辑器感到渺茫的新手朋侪们提供一份清晰的学习指南，让大家能够快速上手 CSDN Markdown编辑器，专注于优质内容的创作，轻松打造出排版精美的博客文章，在知识分享的道路上更加顺畅地前行。
1. CSDN Markdown编辑器功能简介
1.1 基础操作界面
[*] CSDN Markdown编辑器在界面计划层面实现了全新蜕变，全新呈现出更具当代感的视觉风貌，整体界面给人以更为清晰、简洁的视觉感受。与此同时，编辑器对操作逻辑进行了全方位优化，借助科学合理的功能结构以及便捷的快捷键配置，有效减少了用户的学习难度，全方位提升了编写服从。
https://i-blog.csdnimg.cn/direct/c9bab697e4e245429331262d031635be.jpeg#pic_center
[*] Markdown 语法的基础功能，像标题、列表、代码块等常见操作都能轻松实现，还融入了众多高级特性，诸如表格、数学公式、流程图等功能也包罗万象。除此之外，编辑器在个性化定制方面也表现精彩，支持自界说样式和主题，用户完全可以依据个人偏好打造出独具特色的编辑情况。
[*] CSDN Markdown 编辑器的亮点功能之一便是实时预览。当用户撰写 Markdown 文档时，文档的渲染效果能够即刻显现，无需手动切换至预览模式，这极大地优化了用户的编写体验。
https://i-blog.csdnimg.cn/direct/48784256f250486fb479a0a4b02cbc68.jpeg#pic_center
1.2 创作助手和语法说明
在功能选择区域的最右侧有创作助手和语法说明选项，合理的运用这两个功能，可以使写作事半功倍。
https://i-blog.csdnimg.cn/direct/11dc296f13614704a28fc07017eb0b79.jpeg#pic_center
在运用语法说明选项时，可以根据需求，对已经给出的模板进行复制，便于快捷使用的同时，减轻用户使用的压力。
https://i-blog.csdnimg.cn/direct/4f85f50aa1fc4dfcbfc5cd3035685540.jpeg#pic_center
2. Markdown编辑器语法
2.1 目录
https://i-blog.csdnimg.cn/direct/019f6fe503b24a20be86917d8fc09474.jpeg#pic_center
在语法说明中，选择目录，点击复制，再根据自己的博客，写出目录，非常方便。
用下面的这句话，可以非常方便的建立目录。
@ (这里写目录标题)
最终效果如下：
https://i-blog.csdnimg.cn/direct/bf1870a9a3364a85b46a18efdc012d26.jpeg#pic_center
2.2 标题
2.2.1 标题级别设置
可以在语法说明中选择标题选项，对CSDN给出的标题模板进行复制修改，即可获得自己的标题。
https://i-blog.csdnimg.cn/direct/1062a65b065a4699a1a587f1feef70c7.jpeg#pic_center
大概也可以自己打出标题，只需要在标题前面加上"#"即可。
加上几个“#”就表示几级标题。
如下所示：
#一级标题
##二级标题
###三级标题
…
2.2.2 标题居中
方法（1）：
“< center > ”是一个HTML标签，用于将内容居中对齐。这个标签在HTML4之前的版本中使用，在HTML5中已经不再使用，不再建议使用。
而在csdn这里使用是没有问题的。
用下面这句话，可以在CSDN中实现居中效果。
< center >居中文本演示
https://i-blog.csdnimg.cn/direct/a58df64c499848fbafb7179968caeb1f.jpeg#pic_center
方法（2）：
可以在标题两侧添加“ < div >” 标签，并设置其样式为居中对齐。
具体操作可以复制以下文字进行尝试：
<div align="center">
这段文本将会居中显示。
</div>
这段代码是 HTML 中的一个 div 元素，align="center" 属性用于指定该元素的内容在水平方向上居中对齐。div元素是 HTML 中常用的块级元素，用于界说文档中的一个区域或容器。通过设置 align 属性为 center，div
元素内的全部内容（包括文本、图片、表格等）都会在水平方向上居中显示在页面上。
https://i-blog.csdnimg.cn/direct/2a96e4f97acd46bf90c6010f345a8627.jpeg#pic_center
3. 文本样式
文本样式：是指在文档或数字内容中，通过特定的格式设置和视觉元素来改变文本外观的技能与方法。它涵盖了字体、字号、颜色、对齐方式、间距、装饰效果等多种视觉属性的调解，旨在提升文本的可读性、雅观性和信息传达效果。
3.1 夸大文本（斜体）
可以在语法说明中选择文本样式，进行复制选择想要的文本样式，大概你也自己按照语法说明的格式，自己打出相应的格式即可。
https://i-blog.csdnimg.cn/direct/5468f2ef6516474780be90f4ada59c6c.jpeg#pic_center
在两个 “ * ” 之间输入文本大概在两个 “ _ ” 之间都可以实现效果。 复制以下文本，即可实现“夸大文本”效果。
*强调文本示例*
_强调文本示例_
最终效果示例：
https://i-blog.csdnimg.cn/direct/20cb55d18b5b4d8d9818f59e02718fe2.jpeg#pic_center
3.2 加粗文本
可以在语法说明中选择文本样式，进行复制选择想要的文本样式，大概你也自己按照语法说明的格式，自己打出相应的格式即可。
https://i-blog.csdnimg.cn/direct/ba89598ede554521b300d783759d32c1.jpeg#pic_center
在两个 “ * *” 之间输入文本大概在两个 “ _ _” 之间都可以实现效果。 复制以下文本，即可实现“加粗文本”效果。
**加粗文本**
__加粗文本__
最终效果示例：
https://i-blog.csdnimg.cn/direct/fecc9965ae444742a9dfe3f3b31c1f18.jpeg#pic_center
3.3 标志文本
可以在语法说明中选择文本样式，进行复制选择想要的文本样式，大概你也自己按照语法说明的格式，自己打出相应的格式即可。
https://i-blog.csdnimg.cn/direct/37b72590f7a84a89a81b0ecb7002b335.jpeg#pic_center
标志文本可以使用两个 “==” 包围住需要标志的文本。
==标记文本==
最终效果示例：
https://i-blog.csdnimg.cn/direct/e777877869384c3e9d4715d18c7489ad.jpeg#pic_center
3.4 删除文本
可以在语法说明中选择文本样式，进行复制选择想要的文本样式，大概你也自己按照语法说明的格式，自己打出相应的格式即可。
https://i-blog.csdnimg.cn/direct/c7ebabc9e176481ea08dfa3f643cc23d.jpeg#pic_center
删除文本可以用“ ~~ ”来进行删除
~~删除文本~~
最终效果示例：
https://i-blog.csdnimg.cn/direct/db56062f0186479d851c2dda17a5cd01.jpeg#pic_center
3.5 引用文本
可以在语法说明中选择文本样式，进行复制选择想要的文本样式，大概你也自己按照语法说明的格式，自己打出相应的格式即可。
https://i-blog.csdnimg.cn/direct/3454cd9b9cf5473eb75589ebfeac5093.jpeg#pic_center
引用文本使用一个“ > ”来进行引用
复制以下文本即可进行引用
> 引用文本
也可以在上方的菜单区域进行选择
最终效果示例：
https://i-blog.csdnimg.cn/direct/8726cffcd1d84724a9c4f5fd6defeeb7.jpeg#pic_center
3.6 上下标文本
3.6.1 上标设置
方法（1）：
在CSDN的markdown编辑器语法中，你可以使用 “ ^ ”来进行上标设置。
2^10^ 运算结果是 1024。
最终效果示例：
https://i-blog.csdnimg.cn/direct/655afe61414243f59ad030630eebf5f2.jpeg#pic_center
方法（2）：
在Markdown中，上标文本的实现可以使用HTML标签和来实现。
你可以复制以下文本进行效果尝试：
折<sup>枝</sup>寄北
最终效果示例：
https://i-blog.csdnimg.cn/direct/5253f981303a49e1ad6f8c284944f0f5.jpeg#pic_center
3.6.2 下标设置
方法（1）：
在CSDN的markdown编辑器语法中，你可以使用 “ ~ ”来进行上标设置。
H~2~O is是液体。
最终效果示例：
https://i-blog.csdnimg.cn/direct/870fbb328ad344dba31e349e58fea46b.jpeg#pic_center
方法（2）：
在Markdown中，下标文本的实现可以使用HTML标签和来实现。
你可以复制以下文本进行效果尝试：
折<sub>枝</sub>寄北
最终效果示例：
https://i-blog.csdnimg.cn/direct/ab2961edd5394d0a8835ae68a4de9aa8.jpeg#pic_center
3.7 按键文本
在Markdown编辑器语法中，我们可以使用 “< kbd >” 标签来创建键盘文本。
复制文本，请按 <kbd>Ctrl</kbd> + <kbd>C</kbd>。
粘贴文本，请按 <kbd>Ctrl</kbd> + <kbd>V</kbd>。
最终效果示例：
https://i-blog.csdnimg.cn/direct/fc14903346d04f6a8a8823e463aefded.jpeg#pic_center
感谢您的阅读支持！！！
后续会持续更新的！！！
文末投票支持一下！！！
https://i-blog.csdnimg.cn/direct/ce438fcb8bd44d3e95a612a40a1d8dc8.gif#pic_center
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]