如何使用Markdown

  • 引言
  • Markdown介绍
  • Markdown语法
    • 快捷键
    • 粗体与斜体
    • 分割线及删除线
    • 标题
    • 引用
    • 列表
    • 表格
    • 图片和链接
    • 代码块
    • 目录
    • 字体、字号、颜色

引言

之前在CSDN的blog都是用默认的编辑器写的。记得刚写blog时,看到过默认编辑器右上角推荐的Markdown编辑器,也点进去看了看。但是当时觉得有一定的学习成本,而自己刚刚写blog,默认的编辑器够用了,所以就没去花时间去研究。今天呢,本来准备写一篇关乎Java正则表达式的文章的,无意间又瞥到了Markdown编辑器,点进去看了看帮助文档,发现也不是很难。而且熟悉了以后,对于提高写作效率是有很大帮助的。所以今天准备介绍下Markdown,本篇博文就是用Markdown编辑器写的。

Markdown介绍

Markdown是一种轻量级的「标记语言」。它通过一些标记语法,使普通文本具有一定的格式。相较于HTML,Markdown的标记语法更加简单。只要掌握了几种常用的语法,就可以写出一篇格式优美的文章,所以深受广大写作爱好者的喜爱。
Markdown还有个优点就是格式转换方便,可以导出常用的HTML文件和PDF文件,便于应用到不同的场合。

下面介绍下Markdown的几种语法(本篇针对的是CSDN的Markdown版本,它是Markdown的衍生版本之一,有些地方与原生版及其它衍生版有差异,使用时还请留意)。

Markdown语法

快捷键

  • 加粗 Ctrl + B
  • 斜体 Ctrl + I
  • 引用 Ctrl + Q
  • 插入链接 Ctrl + L
  • 插入代码 Ctrl + K
  • 插入图片 Ctrl + G
  • 提升标题 Ctrl + H
  • 有序列表 Ctrl + O
  • 无序列表 Ctrl + U
  • 横线 Ctrl + R
  • 撤销 Ctrl + Z
  • 重做 Ctrl + Y

粗体与斜体

为文章中的重点文字设置加粗或斜体,在Markdown中实现起来很简单。用一个*包含一段文本就是斜体的语法,用两个*包含一段文本就是粗体的语法,用三个*包含一段文本就是粗体加斜体的语法。

例子及显示效果:

粗体与斜体实例


分割线及删除线

分割线的实现,只要连续输入三个星号***即可。删除线的实现,需要在文字前后各输入两个~

例子及显示效果:

如何使用Markdown_第1张图片


标题

为文章设置标题是常用的功能了,在Markdown中,只需在标题名称前加上#号,即可设置标题样式。N个#号代表N级标题,N最多为6个。

例子及显示效果:

如何使用Markdown_第2张图片

除此之外,=-也可以进行标题的书写,不过只能书写二级标题,并且需要写在文字的下面,=-的数量不会影响标题的基数,例如:

二级标题
======
二级标题
------

此种标题的书写方式使用较少。


引用

如果在你的文章中,有一段引用的文本,你想以引用的格式显示它,那么只需要在这段文本前加上>就可以了。

例子及显示效果:

如何使用Markdown_第3张图片


列表

我们用word编写文档时,经常会用“项目符号与编号”功能来实现无序列表和有序列表,在Markdown中同样也可以实现。只要在文字前面加上-*,就可以实现无序列表;在文字前面加上1.2.3.…就可以实现有序列表(注:-*1.和文本之间要空一个格)。

例子及显示效果:

如何使用Markdown_第4张图片


表格

原生Markdown不支持添加表格,但CSDN版本的Markdown扩展了这个功能。具体语法规则为:使用|区分列,使用-区分标题行和数据行,使用:定义元素的对齐方式。

例子及显示效果:

如何使用Markdown_第5张图片


图片和链接

在Markdown中插入图片和链接的语法很像,插入链接的语法为:[显示文本](链接地址),插入图片的语法只多了一个!![图片描述](图片地址)

例子及显示效果:

如何使用Markdown_第6张图片


代码块

身为程序员,在文章中嵌入代码是经常性的操作。Markdown引入代码块的语法是在代码首尾处各用三个反引号 ` 将代码包围起来。为了提高可读性,可在首行反引号后面写上代码所属的语言。

例子及显示效果:

如何使用Markdown_第7张图片


目录

一篇文章,加上目录会大大提高可读性。Markdown生成目录的语法为 [TOC],全称是Table of Content。在文章的开头,目录的生成就是使用的这个语法。


字体、字号、颜色

原生Markdown不支持设置文字的字体、字号和颜色,但是CSDN版本的Markdown内嵌了HTML,所以我们可以使用HTML的语法来实现。具体代码为:

<font color="red" size="3" face="宋体">宋体文本font>

如上代码中所示,font标签有三种属性:颜色、字号、字体,使用它们可以实现文字字体、字号、颜色的修改。其中字号的取值可以为1~7的数字。

例子及显示效果:

如何使用Markdown_第8张图片


有熟悉HTML的同学看到这里可能会有疑问了,既然Markdown内嵌了HTML,那么可不可以使用style标签或者style属性进行样式的设置呢?经过测试,答案是否定的。至于原因,应该是CSDN把这个功能给屏蔽了吧。

你可能感兴趣的:(技术&工具,技术&工具)