【2024版】3分钟精通CSDN Markdown编辑器及语法
- 2024版CSDN Markdown详细用法教程
- 一、2024版CSDN Markdown编辑器功能介绍
- 二、Markdown语法
- 三、emoji表情的使用方法
- 总结
2024版CSDN Markdown详细用法教程
不少博友花钱买了后台付费版Markdown视频教程却啥都没学会,因此事,不少博友反复咨询 博主:Python老吕 各种同类的问题,因此,老吕写了这篇文章【保姆级图文教程】《Markdown语法》(3分钟精通2024CSDN版Markdown编辑器),目的做到全网唯一最全面最详尽的介绍2024版CSDN Markdown的各种使用方法,让大家在几分钟内快速掌握Markdown。
本文为《跟老吕学CSDN》系列教程的Markdown教程,Python老吕希望本文可以对大家有所帮助,同时,也欢迎大家在评论区踊跃发言,老吕会将更多的回复做到这个文章里面,让本文愈加完善,让大家更轻松的上手CSDN Markdown。
一、2024版CSDN Markdown编辑器功能介绍
CSDN全新升级的2024版Markdown编辑器,旨在为用户提供更加高效、便捷的文档编写和代码展示体验,主要功能版块如下:
1. 界面优化与操作便捷性
2024版CSDN Markdown编辑器在界面设计上进行了全面升级,采用了更加现代化的视觉风格,使得整体界面更加清晰、简洁。编辑器还优化了操作逻辑,通过合理的功能布局和快捷键设置,大大降低了用户的学习成本,提高了编写效率。
2. 功能丰富与扩展性强
新版编辑器在功能方面进行了大幅增强,不仅支持Markdown语法的基本功能,如标题、列表、代码块等,还增加了诸多高级特性,如表格、数学公式、流程图等。编辑器还支持自定义样式和主题,用户可以根据个人喜好进行个性化设置。编辑器还提供了丰富的扩展接口,支持用户安装插件来进一步扩展功能。
3. 实时预览与协同编辑
实时预览功能是2024版CSDN Markdown编辑器的又一大亮点。用户在编写Markdown文档时,可以实时查看文档的渲染效果,无需手动切换预览模式,大大提高了编写体验。此外,编辑器还支持多人协同编辑功能,团队成员可以实时共享和编辑文档,实现高效的团队协作。
4. 创作助手和语法说明
新版编辑器还引入了创作助手和语法说明功能,旨在为用户提供更加便捷和高效的Markdown编辑体验。
创作助手功能通过智能算法,能够实时分析用户的编辑内容,并提供相应的建议和优化方案。
无论是标题的层级设置、列表的排版,还是代码的格式化,创作助手都能给出精准的提示,帮助用户快速调整和完善文档结构。 同时,它还能根据用户的编辑习惯,推荐常用的Markdown语法和快捷键,提高编辑效率。
语法说明功能 则为用户提供了详细的Markdown语法文档和示例。
用户可以随时查阅这些资料,了解Markdown的各种语法规则和用法。 这对于初学者来说尤为实用,可以帮助他们快速上手Markdown编辑,避免因为语法错误而影响文档的呈现效果。
5. 兼容性与稳定性
在兼容性和稳定性方面,2024版CSDN Markdown编辑器也表现出色。编辑器支持多种操作系统和浏览器平台, 无论用户使用的是Windows、Mac还是Linux系统,都能获得流畅的使用体验。 同时,编辑器还经过了严格的测试和优化,确保在长时间使用和高负载情况下仍能保持稳定的性能。
二、Markdown语法
Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式来编写文档。Markdown的语法简洁明了,易于学习,且广泛支持多种平台和编辑器。
通过使用Markdown,用户可以更加高效地完成文档编写和排版工作,提高工作效率。
1. 自动生成目录索引
在 Markdown 中,自动生成目录索引是一个十分实用的功能,它可以帮助我们快速浏览和定位文档内容。
在 Markdown 中,自动生成目录索引通常依赖于特定的语法或工具。常见的方法是在文档开头使用特定的标记来指示目录的位置,然后在文档编辑或转换工具中启用自动生成目录的功能。这样,当文档内容发生变化时,目录也会自动更新,保持与内容的同步。
在文档的开头,你可以使用以下语法来插入目录,示例如下:
@[TOC](这里写目录标题)
通过这段代码,Markdown编辑器会自动扫描文档中的标题,并生成对应的目录。这样,读者就可以通过点击目录中的链接,快速跳转到文档的各个部分,方便阅读和查找信息。
输出显示:
2. 标题
2.1 标题多级别
在Markdown中,标题是通过使用不同数量的井号(#)来表示不同级别的标题。一个井号表示一级标题,两个井号表示二级标题,以此类推,六级封顶。例如:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
输出显示:
通过这种方式,我们可以轻松地组织文档结构,使其更加清晰易懂。
2.2 标题居中
2.2.1 第一种写法
<center>
是一个HTML标签,用于将内容居中对齐。这个标签在HTML4及之前的版本中广泛使用,但在HTML5中已经被废弃,不再建议使用,而在csdn这里使用是没有问题的。
语法示例:
<center>标题居中显示</center>
标题居中显示测试代码:
# 居中显示测试1
# <center>居中显示测试2
输出显示:
2.2.1 第二种写法
<div align="center">
是一个HTML标签,用于创建一个块级元素(div)并尝试将其内容居中对齐。这里的 align
属性用于指定div内元素的水平对齐方式。
然而,值得注意的是,align
属性并不是一个标准的HTML属性,尤其在现代的HTML版本中(如HTML5)。在HTML4.01中,align
属性被定义在HTML元素的描述中,但主要是用在像<img>
和<table>
这样的元素上,而不是<div>
。在HTML5中,align
属性已经被废弃,因为它不符合内容与表现分离的原则。但是在CSDN中,它依然有效。
语法示例:
<div align="center">
这段文本将会居中显示。
</div>
本次就不做截图示例了。
3. 文本样式
在Markdown中,我们可以使用多种方式来改变文本的样式,包括强调、加粗、斜体、标记、删除线、引用、上标和下标等。这些样式可以使文本更加生动,有助于突出重点和表达情感。
3.1 强调文本
强调文本可以使用一个星号(*)或一个下划线(_)来包围需要加粗的文本。例如:
*强调文本*
_强调文本_
输出显示:
3.2 加粗文本
加粗文本可以使用两个星号(**)或两个下划线(__)来包围需要加粗的文本。
例如:
**这是加粗文本**
__这也是加粗文本__
输出显示:
3.3 斜体文本
斜体文本则可以使用一个星号(*)或一个下划线(_)来实现。
例如:
*这是斜体文本*
_这也是斜体文本_
输出显示:
3.4 标记文本
标记文本可以使用两个等号(==)来包围需要加粗的文本。
例如:
==标记文本==
输出显示:
3.5 删除线文本
删除线文本可以通过在两个波浪线(~~)之间放置需要添加删除线的文本来实现。
例如:
~~这是被删除的文本~~
输出显示:
3.6 引用文本
引用文本通常用于表示某段话是引述自其他来源。在Markdown中,可以使用大于号(>)来创建引用。
例如:
> 这是引用的一段文本。
> 它可以是来自书籍、文章或其他任何来源的引文。
这样写出的文本会呈现为缩进并带有引用标记的样式,通常用于展示对话、引言或者其他需要特别标注的文本。
输出显示:
3.7 上标文本
上标文本通常用于表示数学公式中的指数、化学符号中的电荷数等需要高于基线位置的文本。
3.7.1 ^
(移格字符) 设置上标文本
在Markdown中,上标文本的实现方式可以通过 ^
(移格字符)
示例代码如下:
2^10^ 运算结果是 1024。
输出显示:
3.7.2 HTML标签<sup>
设置上标文本
在Markdown中,上标文本的实现可以使用HTML标签<sup>
和</sup>
来实现。
程序猿的上标示例:
Python老吕,我<sup>喜欢</sup>你
输出显示:
3.8 下标文本
下标文本则常用于表示数学公式中的底数、化学符号中的原子数等需要低于基线位置的文本。
3.8.1 ~
(波浪号) 设置下标文本
在Markdown中,下标文本的实现方式可以通过 ~
(波浪号)
示例代码如下:
H~2~O is是液体。
输出显示:
3.8.2 HTML标签<sub>
设置下标文本
在Markdown中,下标文本的实现可以使用HTML标签<sub>
和</sub>
来实现。
程序猿的下标示例:
Python老吕,我<sub>超级喜欢</sub>你
输出显示:
3.9 键盘文本
键盘文本常用于表示用户需要按下的按键或按键组合。在Markdown中,我们可以使用<kbd>
标签来创建键盘文本。
例如:
要保存文档,请按 <kbd>Ctrl</kbd> + <kbd>S</kbd>。
这样写出的文本会呈现为特殊的键盘样式,有助于清晰地传达用户需要执行的操作。
输出显示:
4. 列表
Markdown的列表功能使得信息的组织和展示变得非常简洁和直观。无序列表可以使用减号(-)、星号(*)或加号(+)作为列表项的标记,而有序列表则使用数字加上点号(1.、2.、3.)来标识。
4.1 无序列表
- 项目
* 项目
+ 项目
输出显示:
4.2 有序列表
1. 项目1
2. 项目2
3. 项目3
输出显示:
4.3 任务列表
Markdown的列表功能不仅限于简单的项目列举,它还可以用来表示任务的完成情况。通过结合方括号和空格,我们可以创建带有复选框的列表项,用于标记任务的完成状态。
- [ ] 计划任务
- [x] 完成任务
在上面的示例中,第一个列表项是一个待完成的计划任务,方括号内为空表示该任务尚未完成。而第二个列表项则是一个已完成的任务,方括号内有一个“x”标记,表示该任务已经完成。
输出显示:
5. 图片
在Markdown中,插入图片的方式简洁而直观。**通过在文本中插入一个特定的语法结构,我们可以轻松地将图片嵌入到文档中,丰富文档的内容与表现力。**在Markdown中,插入图片的方式简洁而直观。通过在文本中插入一个特定的语法结构,我们可以轻松地将图片嵌入到文档中,丰富文档的内容与表现力。
5.1 插入图片的语法结构
语法结构:
! [填写图片的替代文本](URL地址 可选title属性)
要在Markdown中插入图片,我们需要使用感叹号(!)后跟方括号([])和圆括号(())的语法结构。方括号中填写图片的替代文本(alt text),这有助于在图片无法加载时理解图片内容;圆括号中则填写图片的URL地址。此外,圆括号内还可以选择性地添加title属性,为图片提供额外的提示信息。
5.2 插入本地图片
例如,要插入一张名为“example.jpg”的图片,并为其添加替代文本“示例图片”,可以这样做:
语法是这样的:
![示例图片](example.jpg)
官方示例图片地址
https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png
我们用https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png
替换example.jpg
![示例图片](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png)
显示效果如下:
5.3 插入网络图片
如果图片存放在网络上,你需要提供图片的完整URL。
例如:
![网络图片](https://example.com/image.jpg)
将https://example.com/image.jpg
换成你需要的网络地址即可显示,
这里用百度新闻的logo图片https://news-bos.cdn.bcebos.com/mvideo/log-news.png
作为示例:
![Alt](https://news-bos.cdn.bcebos.com/mvideo/log-news.png)
显示如下:
5.4 调整图片尺寸
未调整图片尺寸的语法是这样的:
![Alt](https://img-home.csdnimg.cn/images/example.jpg)
调整图片尺寸的语法是这样的:
![Alt](https://img-home.csdnimg.cn/images/example.jpg =60x60)
很明显,区别在页尾增加了 =60x60
代码,表示调整图片尺寸长和宽为60和60
我们引用上文说的 官方示例图片地址https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png
示例如下:
![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png =60x60)
显示如下:
我们将 =60x60
代码改为 =100x100
代码,
示例如下:
![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png =100x100)
显示如下:
看到了吧,跟着老吕练习,你已经成功掌握了图片的大小控制。
5.5 设置宽度,让高度等比例
我们继续使用上文图片设置宽度,让高度等比例,
示例如下:
![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png =60x)
显示如下:
5.6 设置高度,让宽度等比例
我们继续使用上文图片设置高度,让宽度等比例,
示例如下:
![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png =x80)
显示如下:
5.7 设置图片居中
我们继续使用上文图片设置图片居中,
示例如下:
![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png#pic_center)
显示如下:
5.8 设置图片居中并调整尺寸
我们继续使用上文图片设置图片居中并调整尺寸,
示例如下:
![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png#pic_center =60x60)
显示如下:
5.9 设置图片居右
我们继续使用上文图片设置图片居中并调整尺寸,
示例如下:
![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png#pic_right)
显示如下:
Markdown的这一特性使得在文档中插入图片变得非常简单。
无论是本地图片还是网络图片,都可以通过相似的语法结构轻松嵌入。
这大大增强了Markdown文档的表达能力和可读性,使其能够更加生动地传达信息。通过调整图片的大小、添加标题或说明文字等方式,我们还可以进一步丰富图片在Markdown文档中的表现。这些高级功能可能需要借助HTML标签或CSS样式来实现,但它们同样为Markdown文档提供了更多的可能性。
6. 链接
在Markdown中,链接是一种重要的元素,它允许我们在文档中插入外部或内部的网址,使得读者可以方便地跳转到其他页面或资源。
6.1 链接的语法结构
Markdown链接的语法如下:
[链接文本](链接地址 可选title属性)
其中,链接文本
是显示在文档中的文本,点击它会跳转到链接地址
所指定的页面。
6.2 使用链接的示例代码
示例代码:
[访问Python老吕博客](https://pythonlaolv.blog.csdn.net/)
上述语法会在文档中生成一个“访问百度”的链接,点击它将打开百度首页。
显示效果如下:
7. 代码块(高亮显示代码片,提升可读性)
Markdown支持代码片的插入,这对于展示代码片段或命令非常有用。
你可以使用反引号(`)来插入行内代码,或者使用三个反引号来插入代码块,并指定代码的语言。
7.1 普通代码块
下面展示一些 内联代码片
示例如下:
// 1个代码块
var LV = 'Python老吕';
7.2 代码块(设置编程语言)
内联代码片
是可以示例的,只需要在第一行的三个反引号后标注是哪种编程语言即可
javascript版示例如下:
// 1个代码块
var LV = 'Python老吕';
python版示例如下:
// 1个代码块
var LV = 'Python老吕';
设置编程语言的代码块不仅可以高亮显示代码语法,还可以使文档更具可读性。
显示效果如下:
8. 表格
Markdown同样支持创建表格,这大大简化了在文档中展示数据的方式,使其变得更加直观。在Markdown中,你可以使用竖线(|)来分隔表格的列,使用破折号(-)来定义表头。
8.1 极简表格
以下是一个简单的Markdown表格示例:
| 项目 | Value |
| -------- | -------- |
| 电脑 | $1600 |
| 手机 | $12 |
| 导管 | $1 |
显示效果如下:
8.2 功能表格(如何在表格中设置文本居中和居右)
此外,你还可以调整表格的列宽和对齐方式,使表格更加美观且易于阅读。
例如,下面的表格展示了如何设置文本居中和居右:
| Column 1 | Column 2 |
| :--------: | :-------------: |
| centered 文本居中 | right-aligned 文本居右 |
在Markdown中,通过在表头下方的分隔线中使用冒号(:),可以指定单元格内容的对齐方式。冒号放在左边则左对齐,放在右边则右对齐,两边都放则居中对齐。这样,你就可以根据需要调整表格的展示效果了。
显示效果如下:
9. 注脚
Markdown支持注脚的添加,用于为文档中的某些内容提供解释或补充说明。你可以在需要添加注脚的地方使用方括号和脱字符号([^注脚标识])来标记注脚,然后在文档的末尾使用相同的注脚标识来定义注脚的内容。
这是一个带有注脚的句子[^1]。
[^1]: 这是注脚的内容。
注脚可以使文档内容更加丰富和详细,同时不会干扰正文的阅读。
显示效果如下:
10. 注释
Markdown本身并不直接支持注释功能,因为Markdown是一种轻量级的标记语言,主要用于文本格式化和排版。然而,我们可以利用Markdown的链接功能来模拟注释的效果。
例如:
Markdown将文本转换为 HTML。
*[HTML]: 超文本标记语言
在上面的例子中,*[HTML]: 超文本标记语言 这一行实际上创建了一个名为“HTML”的链接,但它的链接地址是空的,因此点击它不会有任何反应。我们可以将这种链接用作注释,将需要解释或备注的内容放在链接的定义中,这样就不会干扰到文档的正文。
显示效果如下:
虽然这种方法不是真正的注释,但它可以在一定程度上满足我们在Markdown中添加注释的需求。
当然,如果你使用的是支持Markdown的编辑器或平台,它们可能提供了更方便的注释功能或插件,你可以根据自己的需求进行选择和使用。
11. 自定义列表
在Markdown中,除了有序列表和无序列表外,还支持自定义列表。
自定义列表以冒号(:)为开头,后面跟着需要列表化的内容。这种列表形式非常适合用于定义术语、键值对等场景。
例如:
Markdown编辑器
: 文本到HTML转换工具(Text-to-HTML conversion tool)
Authors作者
: John约翰
: Luke路克
上述代码将生成一个包含Markdown定义和作者列表的自定义列表。自定义列表不仅可以让信息呈现更加整洁有序,还能够提高文档的可读性和可维护性。
显示效果如下:
12. LaTeX 数学公式
Markdown 本身并不直接支持 LaTeX 数学公式的渲染,但许多 Markdown 编辑器或平台,如 Jupyter Notebook、GitHub 的 Markdown 渲染器等,都集成了对 LaTeX 数学公式的支持。这使得在 Markdown 文档中编写复杂的数学公式变得轻而易举。LaTeX 是一种基于文本的排版系统,特别适用于包含大量数学公式的文档。在 Markdown 中使用 LaTeX,我们可以方便地插入内联公式(行内公式)或独立公式(行间公式)。
内联公式可以直接在文本中使用 $
符号包围 LaTeX 代码,如 $E = mc^2$
将渲染为
E
=
m
c
2
E = mc^2
E=mc2。而独立公式则使用 $$
符号包围,如:
Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n−1)!∀n∈N 是通过 Euler integral
Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞tz−1e−tdt.
这种方式不仅使得数学公式的排版更加美观,还能确保公式的正确性。 在编写科技论文、数学教材或其他需要大量数学公式的文档时,LaTeX 的支持显得尤为重要。
13. 插入甘特图
在项目管理中,甘特图是一种直观且实用的工具,能够清晰地展示项目的进度安排和时间线。尽管Markdown本身并不直接支持甘特图的插入,但我们可以借助一些扩展工具或平台来实现这一目标。例如,一些Markdown编辑器提供了对甘特图的插件支持,而像Mermaid这样的JavaScript库则可以在Markdown文档中直接渲染甘特图。
使用Mermaid库插入甘特图的方法相对简单。
首先,你需要在Markdown文档中引入Mermaid库,并设置相应的配置项。然后,你可以使用Mermaid的甘特图语法来定义你的项目任务和进度安排。这种方式不仅使得甘特图的创建和编辑变得方便,还能确保图表的实时更新和一致性。
下面是一个简单的示例,展示了如何在Markdown文档中使用Mermaid插入甘特图:
在上面的示例中,我们首先引入了Mermaid库,并设置了日期格式和项目标题。然后,我们定义了两个项目部分(SectionA和SectionB),并在每个部分下添加了具体的任务。每个任务都指定了开始日期和持续时间。通过这种方式,我们可以轻松地创建一个包含多个任务和进度安排的甘特图。
甘特图的插入使得项目管理变得更加直观和高效。
团队成员可以清晰地看到每个任务的开始和结束时间,以及任务之间的依赖关系。这有助于确保项目按计划进行,并及时发现和解决潜在的问题。甘特图可以作为项目沟通和汇报的重要工具,帮助团队成员更好地理解项目进展和下一步的工作重点。
14. 插入UML图
Markdown支持通过代码块插入UML图,这使得在文档中展示复杂的流程、序列或交互变得简单而直观。通过编写相应的Mermaid代码,我们可以轻松生成各种UML图,如序列图、流程图等。这些图表不仅可以帮助我们更好地理解和描述问题,还能提高文档的可读性和专业性。
在上面的示例中,我们展示了一个简单的序列图,描述了张三、李四和王五之间的交互过程。
通过箭头和消息描述,我们可以清晰地看到他们之间的对话和动作顺序。这种可视化的表示方式使得复杂的交互过程变得易于理解。
15. 插入Mermaid流程图
除了UML图外,Markdown还支持使用Mermaid语法插入流程图。流程图是一种用于描述一系列步骤或决策的图形表示方式,可以帮助我们更好地理解和规划复杂的过程。
在上面的示例中,我们创建了一个简单的流程图,展示了从A到D的不同路径和关系。
通过节点和边的连接,我们可以清晰地看到不同步骤之间的逻辑关系和执行顺序。这种流程图对于描述业务流程、决策过程等场景非常有用。
16. 插入Flowchart流程图
除了Mermaid流程图外,Markdown还支持其他类型的流程图表示方式,如Flowchart。Flowchart是一种更传统的流程图表示方法,通常用于描述复杂的业务流程或系统架构。
虽然Flowchart的语法和Mermaid有所不同,但它们的目的都是为了方便地在文档中展示复杂的流程和关系。
通过编写相应的Flowchart代码,我们可以生成类似于传统流程图的可视化图表,从而更好地呈现和解释复杂的业务流程或系统结构。
17. 插入类图
在Markdown中,我们可以通过插入类图来直观地展示面向对象编程中的类及其关系。类图是一种常用的UML(统一建模语言)图,它能够帮助我们理解代码的结构和逻辑。
在上面的示例中,我们使用了Mermaid语法来定义类图。Mermaid是一个强大的绘图库,它支持在Markdown中直接编写绘图语法,并生成相应的图形。这使得我们能够在文档中方便地插入各种图表和图形,提高文档的可视化效果。
通过类图,我们可以清晰地看到各个类之间的关系,如继承、实现、关联等。
这有助于我们更好地理解代码的结构和功能,发现潜在的问题和改进点。同时,类图还可以作为代码文档的一部分,为其他开发人员提供有价值的参考信息。
18. 分割线
在文档中,分割线常常被用作区分不同内容区块的标记,使得阅读者能够更快速地定位到感兴趣的部分。
在Markdown中,我们可以通过简单地输入三个或以上的短横线(—)或星号(***)来插入一条分割线。分割线不仅是一个视觉上的辅助工具,更是文档结构的一个重要组成部分。它能够将长篇的文档内容划分为若干个相对独立的部分,每个部分都有其特定的主题和内容。这样的结构安排有助于读者更好地理解文档的整体框架和各个部分之间的关系。
示例代码如下:
分割线示例1
---
Python老吕
123456789
分割线示例2
***
Python老吕
显示效果如下:
分割线可以用于强调某些重要的信息或观点。
通过将重要的内容放置在分割线之后,我们可以吸引读者的注意力,使他们更加关注这部分内容。通过合理地运用分割线,我们还可以使文档看起来更加整洁、美观,提升读者的阅读体验。然而,需要注意的是,分割线并不是随意使用的。过多的分割线可能会使文档显得杂乱无章,反而影响读者的阅读体验。因此,在使用分割线时,我们需要根据文档的实际需要来合理地安排其数量和位置。
18. 下划线
Markdown支持使用下划线来创建下划线文本,但这需要借助HTML标签来实现,例如<u>这是下划线文本</u>
。通过使用这些文本样式,我们可以使Markdown文档更加丰富多彩,提高可读性。
示例代码如下:
<u>这是下划线文本</u>。
显示效果如下:
19. 快捷键
Markdown | 图标 | 快捷键 |
---|---|---|
撤销 | Ctrl /⌘+Z | |
重做 | Ctrl /⌘+Y | |
加粗 | Ctrl /⌘+B | |
斜体 | Ctrl /⌘+I | |
标题 | Ctrl /⌘+Shift +H | |
有序列表 | Ctrl /⌘+Shift +O | |
无序列表 | Ctrl /⌘+Shift +U | |
待办列表 | Ctrl /⌘+Shift +C | |
插入代码 | Ctrl /⌘+Shift +K | |
插入链接 | Ctrl /⌘+Shift +L | |
插入图片 | Ctrl /⌘+Shift +G | |
查找 | Ctrl /⌘+F | |
替换 | Ctrl /⌘+G |
20. 字体样式
- 默认设置
直接打字
输出显示:正常字体
- 宋体设置
<font face="宋体">宋体</font>
输出显示:宋体
- 黑体设置
<font face="黑体">黑体</font>
输出显示:黑体
- 雅黑设置
<font face="雅黑">雅黑</font>
输出显示:雅黑
- 楷体设置
<font face="楷体">楷体</font>
输出显示:楷体
- 华文彩云体设置
<font face="STCAIYUN">华文彩云</font>
输出显示:华文彩云
- 其他英文字体设置
<font face="Arial">Arial</font><font face="fantasy">fantasy</font>
输出显示:Arialfantasy
21. 字体颜色
1. 将字体设置为红色
<font color=red >red</font>
输出显示:red
2. 将字体设置为绿色
<font color=green > green </font>
输出显示: green
- 将字体设置为其他常用颜色
<font color=green > green </font>
<font color=gold > gold</font>
<font color=yellow > yellow</font>
<font color=lawngreen > lawngreen</font>
<font color=chartreuse > chartreuse</font>
<font color=orange > orange</font>
<font color=pink > pink</font>
<font color=purple > purple</font>
<font color=mediumblue > mediumblue</font>
<font color=darkorange > darkorange</font>
<font color=brown > brown</font>
<font color=bright brown > bright brown</font>
<font color=bright magenta > bright magenta</font>
<font color=teal > teal</font>
<font color=darkgreen > darkgreen</font>
输出显示:
green
gold
yellow
lawngreen
chartreuse
orange
pink
purple
mediumblue
darkorange
brown
bright brown
bright magenta
teal
darkgreen
21. 字体大小
- 设置字体为1号
<font size=1 > 1号 </font>
输出显示: 1号
- 设置字体为其他号
<font size=1 > 1号 </font>
<font size=2 > 2号 </font>
<font size=3 > 3号 </font>
<font size=4 > 4号 </font>
<font size=5 > 5号 </font>
<font size=6 > 6号 </font>
<font size=7 > 7号 </font>
<font size=8 > 8号 </font>
<font size=9 > 9号 </font>
<font size=10 > 10号 </font>
<font size=11 > 11号 </font>
<font size=12 > 12号 </font>
输出显示:
1号
2号
3号
4号
5号
6号
7号
8号
22. 字体背景
- 设置字体背景为粉色(英文单词是pink)
<table><tr><td bgcolor=pink> pink </td></tr></table>
输出显示:
pink |
- 设置字体背景为其他颜色
<table><tr><td bgcolor=颜色替换位置> 想要什么颜色就换什么颜色 </td></tr></table>
颜色常用单词:
red
green
blue
gold
yellow
lawngreen
chartreuse
orange
pink
purple
mediumblue
darkorange
brown
bright brown
bright magenta
teal
darkgreen
输出显示:
想要什么颜色就换什么颜色 |
23. 段落换行
<br>
是一个HTML(超文本标记语言)中的标签,它代表一个“换行符”或“硬回车”。在网页中,当浏览器遇到这个标签时,它会在该位置插入一个换行,使得文本内容在新的一行开始。
<br>段落上下都换行<br/> # 这两个都可以使用,效果一样呈现段落换行
输出显示:
段落上下都换行
24. 段落空格
- 非断行空格
是一个HTML实体,代表“非断行空格”(non-breaking space)。在HTML中,普通的空格通常会被浏览器忽略或合并,特别是在连续的空格或行尾时。
示例:
前面写1个空格
前面写4个空格
输出显示:
前面写1个空格
前面写4个空格
- 全角空格
 
是一个HTML实体,代表一个全角空格(也称为全角空白或中文空格)。在HTML或网页中,通常使用的空格字符可能不会被浏览器正确地显示为可见空格,特别是在进行排版或需要明确显示空格时。
示例:
 前面写1个空格
    前面写4个空格
输出显示:
前面写1个空格
前面写4个空格
25. 段落居中
<center>
是一个HTML标签,用于将内容居中对齐。这个标签在HTML4及之前的版本中广泛使用,但在HTML5中已经被废弃,不再建议使用,而在csdn这里使用是没有问题的。
<center>居中显示</center>
输出显示:
26. 数字次方
10^9^
输出显示:
109
27. 字母角标
M~K~
输出显示:
MK
28. 表达式
- 数学表达式
$\frac {1} {100}$
输出显示:
1 100 \frac {1} {100} 1001
- 字符表达式
$M^n_{kernel}$
输出显示:
M k e r n e l n M^n_{kernel} Mkerneln
三、emoji表情的使用方法
方法1:键盘输入emoji表情
这是最常见最通用的方法,只要在键盘用输入法输入表情的名称即可找到表情
比如输入“da’xiao(大笑)”就会出现“😀”
注意: 建议使用系统自带的输入法,其他输入法插入的表情可能不支持插入MarkDown!!!
方法2:快捷键选择插入emoji表情
这是另一种方便的方法,只需按住下面的快捷键即可快速打开表情
Windows系统: Win+。或者Win+;
MacOS系统: control+command+space
这个方法可以插入不知道名字的表情
方法3:打开表情与符号(此方法仅限MacOS系统)
点击 MenuBar 的输入法图标,点击 「显示表情与符号」 即可
方法4:输入表情代码插入
将下面的表情对应的代码输入到MarkDown文章里面即可插入表情
如:
输入:smile:
会显示😄
下面有5种分类,且内容有点多,篇幅较长,可在在最上方的目录选择跳转到指定分类
参考地址:https://unicode.org/emoji/charts/full-emoji-list.html
注意: MarkDown中的表情代码是由
:表情代码:
组成的不要漏掉了左右两边的:
!!!
1. people
😄:smile:
😆:laughing:
😊:blush:
😃:smiley:
☺️:relaxed:
😏:smirk:
😍:heart_eyes:
😘:kissing_heart:
😚:kissing_closed_eyes:
😳:flushed:
😌:relieved:
😆:satisfied:
😁:grin:
😉:wink:
💤:zzz:
🔥:fire:
👍 :+1:
👍:thumbsup:
👎:-1:
👎:thumbsdown:
👌:ok_hand:
👦:boy:
👧:girl:
👩:woman:
👨:man:
👶:baby:
👵:older_woman:
👴:older_man:
💿:cd:
📀:dvd:
💾:floppy_disk:
📷:camera:
📹:video_camera:
🎥:movie_camera:
💻:computer:
📺:tv:
📱:iphone:
☎️:telephone:
📞:telephone_receiver:
📟:pager:
⏰:alarm_clock:
⌚️:watch:
🔍:mag:
🔎:mag_right:
🔓:unlock:
🔒:lock:
📒:ledger:
📚:books:
🔖:bookmark:
📛:name_badge:
🔬:microscope:
🔭:telescope:
🏀:basketball:
⚽️:soccer:
⚾️:baseball:
🎾:tennis:
🎱:8ball:
🏉:rugby_football:
🎳:bowling:
⛳️:golf:
注意: MarkDown中的表情代码是由:+表情代码+:组成的不要漏掉了两个:!!!
方法选择以下表情复制黏贴
️
黄脸:
🌚🌝😂🤣😭🙂🙃😒😊😃😄😆😁🙄😠😡🌞🥱🤔😌🥰😍😘😚😜😝😔😏😉🥺🤕🤗🤓🤒🤐🤑😷😕🙁☹️😫😨😰😱😣😖😥😢😪😞😓😩😀😅😲😇😛😋😵🤮😤😎😬😐😑😟😧😯😮😦😗😙😶🤩🥳🤯🤪🤤🤫🧐🤬🤭🤨🤥🤢🤡🥵🥶😳🤧🥴😴🤠😈👿💀👻☠️👽💩👾👺👹🤖
动物:
🐴🐷🐽🐶🐱🐭🐹🐰🦊🐻🐼🐻❄️🐨🐯🦁🐮🐸🐵🙊🙉🙈🐒😺😸😹😻😼😽🙀😿😾🐔🐧🐦🐤🐣🐥🦆🦅🦉🦇🐺🐗🦄🐝🐛🦋🐌🐞🐜🦟🦗🕷🕸🦂🐢🐉🐍🦎🦖🦕🐙🦑🦐🦞🦀🐡🐠🐟🐬🐳🐋🦈🐊🐅🐆🦓🦍🐘🦛🦏🐪🐫🦒🦘🐂🐃🐄🐎🐖🐏🐑🦙🐐🦌🐕🐩🐈🐈⬛🐓🦃🦚🦜🦢🕊🐇🦝🦡🐁🐀🐿🦔🐾🐲
食物:
🍭🍺🍋🍉🍓🍑🍊🍅🍎🍏🍒🍈🍐🍍🥭🍌🍇🥥🥝🥑🥬🥒🍆🥦🥕🥔🌽🍠🌰🥜🥚🍄🌶
植物:
🌹🥀🌷💐🌸🌼🌻🍀☘️🌿🌱🍃🍁🌾🌲🌳🌵🎋🌴🎍🌺🍂🏵
心:
❤️♥️🧡💛💚💙💜🖤💔❣️💕💞💓💗💖💘💝💟👩❤️👨👩❤️👩👨❤️👨👩❤️💋👨👩❤️💋👩👨❤️💋👨😍🥰😘💒🏩💌
手势:
🙌👏👋👍👎👊🖕✊✌👌✋👐💪🙏☝👆👇👈👉🤘🖖🖐✍👂🤛🤜🤝🤟🤞🤲💅🦻👃👁👀👅👄💋👣🤳🦶🦵
旗帜:
🚩🏁🏴☠️🏴🏳️🏳️🌈
风景:
🏜⛲️🏖🏝🏕🛤🛣🗻⛰🏔🌋🌌🌁🌃🗾🌅🌆🎇🎆🌉🌄🌠🌇🎑🏙🏞🖼🗽🗼🏟🎪🎡🎢🌎🌍🌏
家庭:
👫👭👬👩❤️👨👨❤️👨👩❤️👩👩❤️💋👨👩❤️💋👩👨❤️💋👨👨👦👨👧👩👦👩👧👨👦👦👨👧👧👨👧👦👩👦👦👩👧👧👩👧👦👨👩👦👨👩👧👨👨👧👨👨👦👩👩👧👩👩👦👨👩👦👦👨👩👧👧👨👩👧👦👨👨👦👦👨👨👧👧👨👨👧👦👩👩👧👧👩👩👦👦👩👩👧👦
建筑:
🏠🏡🏘🏚🏭🏢🏬🏣🏤🏥🏦🏨🏪🏫🏩💒🏛⛪️🕌🕍⛩🏯🏰🕋🏗
职业:
👮🏻♀️👮🏻♂️👷🏻♀️👷🏻♂️💂🏻♀️💂🏻♂️🕵🏻♀️🕵🏻♂️👩🏻⚕️👨🏻⚕️👩🏻🌾👨🏻🌾👩🏻🍳👨🏻🍳👩🏻🎓👨🏻🎓👩🏻🎤👨🏻🎤👩🏻🏫👨🏻🏫👩🏻🏭👨🏻🏭👩🏻💻👨🏻💻👩🏻💼👨🏻💼👩🏻🔧👨🏻🔧👩🏻🔬👨🏻🔬👩🏻🎨👨🏻🎨👩🏻🚒👨🏻🚒👩🏻✈️👨🏻✈️👩🏻🚀👨🏻🚀👩🏻⚖️👨🏻⚖️👰🏻♀️👰🏻👰🏻♂️🤵🏻♀️🤵🏻🤵🏻♂️🧙🏻♀️🧙🏻♂️🧝🏻♀️🧝🏻♂️🧌🧛🏻♀️🧛🏻♂️🧟♀️🧟♂️🧞♀️🧞♂️🧜🏻♀️🧜🏻♂️🧚🏻♀️🧚🏻♂️🤹🏻♀️🤹🏻♂️🦹🏻♀️🦹🏻♂️🥷🏻🦸🏻♀️🦸🏻♂️
元素:
💦🔞🚷🚱🚳🚭🚯📵🚫‼️⁉️❗️❓💢♨️❌⭕️💯🛑🔴🔵⚫️⚪️⬛️◼️◾️▪️⬜️◻️◽️▫️🔲🔳🔶🔸🔷🔹🏿🏾🏼🏻🏽☑️🔘❕❔🌬💬💭🗯✔️〰️➰➿💱™️©️®️💲♾➕➖✖️➗⭐️💫🔆🔅💨🔻🔺📛⛔️🎵🎼🔔🔕⚜️🔥💥🌀💤🔛🔚🔝🔙🔜♠️♥️♦️♣️👥👤🗣🌐🔉🔊🔇♻️🕐🕑🕒🕓🕔🕕🕖🕗🕘🕙🕚🕛🕜🕝🕞🕟🕠🕡🕢🕣🕤🕥🕦🕧
节日:
🎉🎊✨🎈🎁🎃🎄🛶🐲⛄️☃️🤶🏻🎅🏻
动作:
🤦🏻♂️🤦🏻♀️🙆🏻♂️🙆🏻♀️🙅🏻♂️🙅🏻♀️🙋🏻♂️🙋🏻♀️🤷🏻♂️🤷🏻♀️💁🏻♂️💁🏻♀️💇🏻♂️💇🏻♀️💆🏻♂️💆🏻♀️🙇🏻♂️🙇🏻♀️👯♀️👯♂️🤰🏻🤱🏻👩🏻🍼👨🏻🍼🙎🏻♂️🙎🏻♀️🙍🏻♂️🙍🏻♀️🧖🏻♂️🧖🏻♀️🕴🏻
人物:
👴🏻👩🏻👩🏻🦰👩🏻🦳👸🏻👱🏻♀️👶🏻👦🏻👧🏻👨🏻👨🏻🦳👨🏻🦰👲🏻👳🏻♀️👵🏻👱🏻♂️👼🏻👨🏻🦲👩🏻🦲👳🏻♂️🧕🏻🤴🏻🧓🏻🧔🏻👩🏻🦱🧑🏻👨🏻🦱🧒🏻
物品:
💎🧧💰💸💷💵💶💴💳🔫🕹🎮⚙️🔨🔧🛠⛏⚒🔩⛓⚓️🔪🗡⚔️💄📌📍🎶🎙🎤🥁🎺🎸🎷🎻🎹🎧🎐💮⌚️💣🎎🏮🧸🎭🎠🃏♟🎰🀄️🎲🚿🚽🧻🛁🛀🏻🧴🧼🧽🧺🧹💈🛎🌡💉🔭🔬⚗️🧬🧫🦠🧪📱📲💻⌨️🖥🖨🖱🖲💽📀💿💾📼📷📸🎬📹📽🎥🎞📞☎️📟📠📺📻🎚🎛📉🧭⏱⏰⏲🕰⌛️⏳📡💡🔦🕯🔌🧯🛢🛡⚰️⚱️🏺🔮📿🧿🚬🧨🔋📊📈🔑🗝🚪🛋🛏🛌🛍🛒🏷✉️💌📩📨📧📥📤📦📭📬📪📫📮📯📜📄📃📑🧾🗓🗒📅📆🗑📇🗳🗃🗄📋📁📂🗂🗞📰📕📙📒📔📗📘📓📚📖🔖🧷🔗📎🖇📐📏🧮✂️✒️🖊🖋🖌🖍✏️📝🔎🔍🔏🔐🔒🔓🧩🎟🎫🗺⛱⛺️💺💠🎨🗿🥡🥣🍽🍴🥄🥢🏅🕳🐚🪨🚨🪤🧱🦷🫀🫁🧠
服饰:
💍👑🎀👓🕶🥽👒🧢⛑
标志:🉑🈶🈚️🈸🈺🈷️㊙️㊗️🉐🈴🈵🈹🈲🈯️🈳0️⃣1️⃣2️⃣3️⃣4️⃣5️⃣6️⃣7️⃣8️⃣9️⃣🔟🔢💟♏️🔯✡️⛎♉️♊️♋️♌️♎️♐️♑️♈️♍️♒️♓️✝️☯️🕉🕎☮️☦️🛐☸️☪️🆔⚛️🚺☣️☢️✴️🆚🚼📴📳🅰️🆎🅱️🅾️🆑🆘✅❎✳️❇️💹Ⓜ️🏧🚾♿️🅿️🛗🈂️🛂🛃🛄🛅🚹⚧🚻🚮🎦📶🈁🔣ℹ️🔤🔡🔠🆖🆗🆙🆒🆕🆓#️⃣*️⃣⏏️⏯⏸⏹⏺⏮⏭⏪⏩⏫⏬🔼🔽◀️▶️⬆️⬇️⬅️➡️↖️↘️↙️↗️↕️↔️⤴️⤵️↩️↪️🔀🔁🔂🔄🔃
天气:
🌚🌝🌞⭐️🌙🌛🌜🌑🌘🌗🌕🌔🌓🌒🌖🌎🌏🌍☔️🌡🌈💧💦❄️☀️🌤☁️🌥⛅️🌦🌧⛈🌨🌩⚡️🌊🌫🌪🌬💨🌟✨💫☄️
交通:🚀🛸🚗🚙🚕🚜🚚🚓🚐🚑🚒🏎🚎🚌🚡🚠🚟🚃🚋🚍🚘🚖🛴🚲🛵🏍🚔🚞🚝🚄🚅🚈🚂🚆🚇🚊🚉✈️🛫🛬🛩🛰🚁⛵🛶🚤🛥⛴🛳🚢🛷🚥🚦🚧⛽️⚠️🚸🚏
运动:
🏀🎱🏓🏸🛹🥊🏹⚽️🏈🏉⚾️🥎🎾🏐🥇🥈🥉🏆🏅🥅⛳️🎳🏏🏑🏒🎿🥌🏊🏻♂️🏊🏻♀️🚣🏻♂️🚣🏻♀️🏄🏻♂️🏂⛷🏄🏻♀️🚴🏻♂️🚵🏻♂️🚵🏻♀️🚴🏻♀️🤺🏃🏻♂️🏃🏻♀️🏌♂️🏌🏻♀️🧗🏻♂️🧗🏻♀🤾🏻♂️🤾🏻♀️⛹🏻♂️⛹🏻♀️🤽🏻♀️🤽🏻♂️🚶🏻♀️🚶🏻♂️🧘🏻♀️🧘🏻♂️🤸🏻♂️🤸🏻♀️💃🏻🤼♀️🤼♂️🏋🏻♀️🏋🏻♂️🕺🏻⛸🎣🏇🏻🥍🥏
其他:
🌸💮🌹🌺🌻🌼🌷🌱🌲🌳🌴🌵🌾🌿🍀🍁🍂🍃🌙🌚🌛🌜☀🌝🌞⭐🌟🌠☁⛅☔⚡❄🔥💧🌊💩🍇🍈🍉🍊🍋🍌🍍🍎🍏🍐🍑🍒🍓🍅🍆🌽🍄🌰🍞🍖🍗🍔🍟🍕🍳🍲🍱🍘🍙🍚🍛🍜🍝🍠🍢🍣🍤🍥🍡🍦🍧🍨🍩🍪🎂🍰🍫🍬🍭🍮🍯🍼☕🍵🍶🍷🍸🍹🍺🍻🍴🏯🏰💒🗼🗽⛪⛲🌁🌃🌆🌇🌉🌌🎠🎡🎢🚂🚃🚄🚅🚆🚇🚈🚉🚊🚝🚞🚋🚌🚍🚎🚏🚐🚑🚒🚓🚔🚕🚖🚗🚘🚚🚛🚜🚲⛽🚨🚥🚦🚧⚓⛵🚤🚢✈💺🚁🚟🚠🚡🚀🎑🗿🛂🛃🛄🛅💌💎🔪💈🚪🚽🚿🛁⌛⏳⌚⏰🎈🎉🎊🎎🎏🎐🎀🎁📯📻📱📲☎📞📟📠🔋🔌💻💽💾💿📀🎥📺📷📹📼🔍🔎🔬🔭📡💡🔦🏮📔📕📖📗📘📙📚📓📃📜📄📰📑🔖💰💴💵💶💷💸💳✉📧📨📩📤📥📦📫📪📬📭📮✏✒📝📁📂📅📆📇📈📉📊📋📌📍📎📏📐✂🔒🔓🔏🔐🔑🔨🔫🔧🔩🔗💉💊🚬🔮🚩🎌💦💨💣☠♠♥♦♣🀄🎴🔇
🔅🔆💯🅰🆎🅱🆑🆒🆔⚫🔴🔵♈♉♊♋♌♍♎♏♐♑♒♓⛎💘❤💓💔💕💖💗💙💚💛💜💝💞💟❣🌿🚧💒☎📟💽⬆🥦🧄🧅🍄🥜🌰🍞🥐🥖🫓🥨🥯🥞🧇🧀🍖🍗🥩🥓🍔🍟🍕🌭🌮🌯🧆🥚🍳🥘🍲🫕🥣🥗🍿🧈🧂🥫🍱🍘🍙🍜🍝🍠🍢🍣🍤🍥🥟🥠🥡🦪🍦🍧🍨🍩🍪🎂🍰🧁🥧🍫🍬🍭🍮🍯🍼🥛☕🫖🍵🍶🍾🍷🍸🍹🍺🍻🥂🥃🥤🧋🧃🧉🧊🥢🍽️🍴🥄🚣🗾🏔️⛰️🌋🗻🏕️🏖️🏜️🏝️🏞️🏟️🏛️🏗️🛖🚄🚅🚆🚇🚈🚉🚊🚝🚞🚋🚌🚍🚎🚐🚑🚒🚓🚔🚕🚖🚗🚘🚙🛻🚚🚛🚜🏎️🏍️🛵🛺🚲🛴🚏🛣️🛤️⛽🚨🚥🚦🚧⚓⛵🚤🛳️⛴️🛥️🚢✈️🛩️🛫🛬🪂💺🚁🚟🚠🚡🛰️🚀🛸🪐
emoji箭头:
⬆↗➡↘⬇↙⬅↖↕↔↩↪⤴⤵
小符号表情:
๑ ଲ ଇ ଉ କ ღ ౪ ʚɞ งง คค εïз ✐ ➳ ☽ ⚚ ☼ ✧ ☆ ღ * ઇଓ εïз ლ ❁ ๓ ´◡ .◡. ᵔ◡ᵔ
•ᴗ• ◡̈⃝ ˙Ⱉ˙ ˃̣᷄ 〄 ๑҉ ˙Ꙫ˙ ‘◡’ ᑋᵉᑊᑊᵒ ᵕ̈ ᑋᵉᑊᑊᵒ ഒ ˙³˙ ₍ᐢ…ᐢ₎ (๑°⌓°๑) ´•ᴥ• ॱଳॱ ·ꙫ· ˙Ꙫ˙ ・◡・
꒦ິ^꒦ິ •́‸ก ᵕ᷄≀ ̠˘᷅ ( ˶´︎`˵ ) ๐˙Ⱉ˙๐ ՞• •՞ ˙Ⱉ˙ (๑ ꒪ꌂ꒪๑) ʕ̢·͡˔·ོɁ̡̣ (*꒦ິ⌓꒦ີ) ⚆_⚆ (⑉꒦ິ^꒦ິ⑉)
ฅ՞•ﻌ•՞ต ❛‿˂̵✧ ˙ɷ˙ ‘◡’ •ɷ• ˙Ⱉ˙ฅ ට˓˳̮ට ↻ ʚɞ ʕ•̫͡•ོʔ•̫͡•ཻʕ•̫͡•ʔ•͓͡•ʔ ꈍ .̮ ꈍ ✿ ˙Ꙫ˙
ಠ‿ಠ ( ᐛ ) ☪. ☪︎⋆. ✯. ⛈. ᐝ. ㋛. ♡. ∅. ☃. ❥. ☯. ✡. ๑҉… ☠︎. ✉. ୧⍤⃝❅.
ʚ ɞ. ꒦ິ^꒦ິ. 〄. ❀. ☻. ☹︎.•ᴥ• ꈍ .̮ ꈍ ◝(⑅•ᴗ•⑅)◜ ☪︎⋆ ☂ ♬ ☽ ☼ ♪ ☆ ˙Ⱉ˙ Ծ‸Ծ
ℒℴѵℯ ☻ ᐕ
总结
CSDN版Markdown编辑器以其强大的代码高亮、数学公式支持、灵活的排版与样式设置以及实时预览与一键发布等特色功能,为技术写作者提供了一个高效、便捷的写作平台。无论是撰写技术博客、文档还是笔记,这款编辑器都能帮助用户轻松完成高质量的技术内容创作。