CSDN博客：Markdown编辑语法教程总结教程（上）

❤个人主页：折枝寄北的博客

  
前言

   在现在这个信息爆炸的时代，知识的分享与传播变得尤为紧张，而博客无疑是此中的关键载体之一。CSDN作为国内知名的技能社区平台，为无数技能爱好者提供了展示自我、交换学习的空间。在使用 CSDN 博客进行创作的过程中，Markdown 编辑器无疑是提升写作服从、打造雅观文章格式的得力工具。
    回首过往，我初涉博客创作领域时，面对Markdown编辑器也是一头雾水。那些看似简单的符号和规则，仿佛是一道难以逾越的门槛，让我在创作过程中走了不少弯路。但凭借着对知识分享的热情和对峙不懈的探索，我渐渐掌握了 Markdown 编辑器的精髓，体会到了它为写作带来的便捷与高效。
    现在，我将自己在学习 CSDN Markdown 编辑语法过程中的经验与心得进行总结，整理成这篇教程。希望能为那些和曾经的我一样，对 Markdown 编辑器感到渺茫的新手朋侪们提供一份清晰的学习指南，让大家能够快速上手 CSDN Markdown编辑器，专注于优质内容的创作，轻松打造出排版精美的博客文章，在知识分享的道路上更加顺畅地前行。
  1. CSDN Markdown编辑器功能简介

1.1 基础操作界面

• [1] CSDN Markdown编辑器在界面计划层面实现了全新蜕变，全新呈现出更具当代感的视觉风貌，整体界面给人以更为清晰、简洁的视觉感受。与此同时，编辑器对操作逻辑进行了全方位优化，借助科学合理的功能结构以及便捷的快捷键配置，有效减少了用户的学习难度，全方位提升了编写服从。
  

• [2] Markdown 语法的基础功能，像标题、列表、代码块等常见操作都能轻松实现，还融入了众多高级特性，诸如表格、数学公式、流程图等功能也包罗万象。除此之外，编辑器在个性化定制方面也表现精彩，支持自界说样式和主题，用户完全可以依据个人偏好打造出独具特色的编辑情况。
  
• [3] CSDN Markdown 编辑器的亮点功能之一便是实时预览。当用户撰写 Markdown 文档时，文档的渲染效果能够即刻显现，无需手动切换至预览模式，这极大地优化了用户的编写体验。
  
  
  
  

1.2 创作助手和语法说明

在功能选择区域的最右侧有创作助手和语法说明选项，合理的运用这两个功能，可以使写作事半功倍。

在运用语法说明选项时，可以根据需求，对已经给出的模板进行复制，便于快捷使用的同时，减轻用户使用的压力。

2. Markdown编辑器语法

2.1 目录

在语法说明中，选择目录，点击复制，再根据自己的博客，写出目录，非常方便。
用下面的这句话，可以非常方便的建立目录。
   @[TOC] (这里写目录标题)
  最终效果如下：

2.2 标题

2.2.1 标题级别设置

可以在语法说明中选择标题选项，对CSDN给出的标题模板进行复制修改，即可获得自己的标题。

大概也可以自己打出标题，只需要在标题前面加上"#"即可。
加上几个“#”就表示几级标题。
如下所示：
   #一级标题
##二级标题
###三级标题
…
  2.2.2 标题居中

方法（1）：
“< center > ”是一个HTML标签，用于将内容居中对齐。这个标签在HTML4之前的版本中使用，在HTML5中已经不再使用，不再建议使用。
而在csdn这里使用是没有问题的。
用下面这句话，可以在CSDN中实现居中效果。
   < center >居中文本演示
  

方法（2）：
可以在标题两侧添加“ < div >” 标签，并设置其样式为居中对齐。
具体操作可以复制以下文字进行尝试：

1. <div align="center">
2. 这段文本将会居中显示。
3. </div>

复制代码

  这段代码是 HTML 中的一个 div 元素，align="center" 属性用于指定该元素的内容在水平方向上居中对齐。div元素是 HTML 中常用的块级元素，用于界说文档中的一个区域或容器。通过设置 align 属性为 center，div
元素内的全部内容（包括文本、图片、表格等）都会在水平方向上居中显示在页面上。
  

3. 文本样式

文本样式：是指在文档或数字内容中，通过特定的格式设置和视觉元素来改变文本外观的技能与方法。它涵盖了字体、字号、颜色、对齐方式、间距、装饰效果等多种视觉属性的调解，旨在提升文本的可读性、雅观性和信息传达效果。
3.1 夸大文本（斜体）

可以在语法说明中选择文本样式，进行复制选择想要的文本样式，大概你也自己按照语法说明的格式，自己打出相应的格式即可。

   在两个 “ * ” 之间输入文本大概在两个 “ _ ” 之间都可以实现效果。 复制以下文本，即可实现“夸大文本”效果。

1. *强调文本示例*
2. _强调文本示例_

复制代码

最终效果示例：

3.2 加粗文本

可以在语法说明中选择文本样式，进行复制选择想要的文本样式，大概你也自己按照语法说明的格式，自己打出相应的格式即可。

在两个 “ * *” 之间输入文本大概在两个 “ _ _” 之间都可以实现效果。 复制以下文本，即可实现“加粗文本”效果。

1. **加粗文本**
2. __加粗文本__

复制代码

最终效果示例：

3.3 标志文本

可以在语法说明中选择文本样式，进行复制选择想要的文本样式，大概你也自己按照语法说明的格式，自己打出相应的格式即可。

   标志文本可以使用两个 “==” 包围住需要标志的文本。

1. ==标记文本==

复制代码

最终效果示例：

3.4 删除文本

可以在语法说明中选择文本样式，进行复制选择想要的文本样式，大概你也自己按照语法说明的格式，自己打出相应的格式即可。

   删除文本可以用“ ~~ ”来进行删除

1. ~~删除文本~~

复制代码

最终效果示例：

3.5 引用文本

可以在语法说明中选择文本样式，进行复制选择想要的文本样式，大概你也自己按照语法说明的格式，自己打出相应的格式即可。

   引用文本使用一个“ > ”来进行引用
复制以下文本即可进行引用

1. > 引用文本

复制代码

也可以在上方的菜单区域进行选择
最终效果示例：

3.6 上下标文本

3.6.1 上标设置

方法（1）：
在CSDN的markdown编辑器语法中，你可以使用 “ ^ ”来进行上标设置。

1. 2^10^ 运算结果是 1024。

复制代码

最终效果示例：

方法（2）：
在Markdown中，上标文本的实现可以使用HTML标签和来实现。
你可以复制以下文本进行效果尝试：

1. 折^枝寄北

复制代码

最终效果示例：

3.6.2 下标设置

方法（1）：
在CSDN的markdown编辑器语法中，你可以使用 “ ~ ”来进行上标设置。

1. H~2~O is是液体。

复制代码

最终效果示例：

方法（2）：
在Markdown中，下标文本的实现可以使用HTML标签和来实现。
你可以复制以下文本进行效果尝试：

1. 折_枝寄北

复制代码

最终效果示例：

3.7 按键文本

在Markdown编辑器语法中，我们可以使用 “< kbd >” 标签来创建键盘文本。

1. 复制文本，请按 <kbd>Ctrl</kbd> + <kbd>C</kbd>。
2. 粘贴文本，请按 <kbd>Ctrl</kbd> + <kbd>V</kbd>。

复制代码

最终效果示例：

感谢您的阅读支持！！！

后续会持续更新的！！！

文末投票支持一下！！！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。