小白快速掌握markdown编辑器

小白快速掌握markdown编辑器

Hello,大家好!为了让初学markdown的小萌新们快速入手markdown,轻松写出自己的第一篇博客,小编特地整理了markdown的一些基础语法知识,供大家一起学习哦!废话不多说,上干货。

1.普通文档:直接输入,没啥可说

2.标题:#+标题(依次类推)

  • 举例如下:(左为编译器 ,右为文本显示效果)
    小白快速掌握markdown编辑器_第1张图片

3.斜体:* 内容 *

  • 举例如下:(左为编译器 ,右为文本显示效果)
    在这里插入图片描述

4.加粗: ** 内容 **

  • 举例如下:(左为编译器 ,右为文本显示效果)
    在这里插入图片描述

5.粗斜体: *** 内容 ***

  • 举例如下:(左为编译器 ,右为文本显示效果)
    在这里插入图片描述

6.网址跳转: [网址名称](网址)或 [网址名称]<网址>

在这里插入图片描述

7.图片插入: ![图片名称](图片链接)

(1)插入来自网络上的图片链接: ![超跑](https://imgconvert.csdnimg.cn/aHR0cDovL2ltYWdlLmJhaWR1LmNvbS9zZWFyY2gvZGV0YWls?x-oss-process=image/format,png
小白快速掌握markdown编辑器_第2张图片
(2)插入来自本地的图片: ! [图片名称] (图片路径)

8.引用:>内容…

  • 举例如下:(左为编译器 ,右为文本显示效果)
    (1)段落引用:>你好!markown
    在这里插入图片描述
    (2)嵌套引用: >>…你好!markown
  • 举例如下:(左为编译器 ,右为文本显示效果)
    在这里插入图片描述

9.代码块的添加如下图

  • 举例如下:(左为编译器 ,右为文本显示效果)
    在这里插入图片描述

10.分隔线:可用符号来表示(直接输入)

+++++++++++++++++++++++++++++++++++++++++++++
,,,,,,,,,,,,,,,,,,,,,,,,,,

11.删除线:~~ 内容 ~~

  • 举例如下:(左为编译器 ,右为文本显示效果)
    在这里插入图片描述

12.无序列表:+ 和 *

(1)+: +空格 =>自动变为无序列表
在这里插入图片描述
(2)*: *空格 =>自动变为无序列表
在这里插入图片描述

13.换行:回车键

14.缩进:& emsp; 与 & ensp;

  • 举例如下:(左为编译器 ,右为文本显示效果)
    在这里插入图片描述

15.居中:用< div align=center > 来居中

  • 使用< div align=center > 居中,使用< /div >间隔
    小白快速掌握markdown编辑器_第3张图片

16.表格制作:使用- 和 | 制作表格

  • | 居左 | 居中 | 居右 |
    |:------ | : -----: | ------: |
  • 举例如下:(左为编译器 ,右为文本显示效果)
    在这里插入图片描述

17.快捷键福利

小白快速掌握markdown编辑器_第4张图片好了!今天就介绍到这里了,欢迎大家关注,后期文章更精彩哦!谢谢大家!

你可能感兴趣的:(文章)