Markdown-认识与使用1.简介2.使用一级标题3.设置Markdown编辑

1.简介

Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。

使用 Markdown 的优点

  • 专注你的文字内容而不是排版样式。
  • 轻松的导出 HTML、PDF 和本身的 .md 文件。
  • 纯文本内容,兼容所有的文本编辑器与字处理软件。
  • 可读,直观。适合所有人的写作语言。

2.使用

1.语法

使用之前,需要注意在 Markdown 中另起一段时,需要多敲一次回车键,来在段落之间添加一个空行。这是与其他常见文档格式的不同之处。

这是因为,在一些 Markdown 解释器中,会把相邻的两行合并成同一个段落。

例如: 第一段。 第二段。 效果实际上是: 第一段。第二段。

1.标题

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

效果:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

2.列表

当你要罗列一些内容时,列表是很有用的工具。为了说明哪些条目属于这个列表,我们需要引入“项目标记”。

列表项目标记通常放在段落开头,后面要跟着一个空格。列表的各个条目之间可以不留空行。

若列表中的条目没有特定顺序时,可以使用 无序列表。加号“+”或减号“-”都可以作为列表标记,后面要跟一个空格。例如:

- white

- Red

- Blue

或者

+ Red

+ Green

+ Blue

实际显示的效果都是这样的(在不同的环境下显示效果可能会有差异):

  • Red
  • Green
  • Blue 若想在段落前加上数字序号,就需要用到有序列表了。使用数字、一个英文句号和一个空格即可。例如:
  1. Red
  2. Green
  3. Blue

实际显示的效果是这样的(在不同的环境下显示效果可能会有差异):

  1. Red
  2. Green
  3. Blue

3.图片

Markdown 中可以插入图片,只需要感叹号、方括号和圆括号即可。例如:

一个英文感叹号 “!” 后紧跟方括号,里面可以写这张图片的说明;再紧跟一对圆括号,里面写这张图片的网址。例如:

效果:

跳跳虎

简书的Markdown 编辑器也支持拖拽插入图片,更加方便快捷。

4.链接

在文档中插入连接的语法和插入图片的语法很像,只是少了最前面的英文感叹号"!"。

在方括号写下链接文字,圆括号写下网址即可。例如:

效果:简书地址

5.引用

可以使用">" 标记来引用其他人的言论、书籍或报纸的内容。只需要在段落的第一行最前面加上 > 即可:

> ”每天的表现,未来的必然。” ——_知几

效果:

”每天的表现,未来的必然。” ——_知几

引用可以嵌套,只要根据层次的不同,加上不同数量的 > 即可:

> 这是第一级引用。

>> 这是第二级引用。

> 现在回到第一级引用。

效果:

这是第一级引用。

这是第二级引用。

现在回到第一级引用。

在引用的区域内,也可以使用其他的 Markdown 语法,包括标题、列表等:

> ## 这是一个标题。

> - 这是第一行列表。

> - 这是第二行列表。

效果:

这是一个标题。

  • 这是第一行无序列表。

  • 这是第二行无序列表。

6.强调

在Markdown中,可以使用 * 和 _ 来表示斜体和加粗。

  • 在需要斜体的文本左右各加一个“*”或“_” 即可。

**哪有什么一夜成名,其实都是百炼成钢。

_若有诗书藏在心 岁月从不败美人。_

效果:

哪有什么一夜成名,其实都是百炼成钢。

若有诗书藏在心 岁月从不败美人。

  • 在需要加粗的文本左右各加两个“*”或“_” :

**哪有什么一夜成名,其实都是百炼成钢。**

__若有诗书藏在心 岁月从不败美人。__

效果:

哪有什么一夜成名,其实都是百炼成钢。

若有诗书藏在心 岁月从不败美人。

7.分割线

分割线

在 Markdown 中,可以用分隔线来将内容分成不同区域。

只需要连续三个减号"-"、星号、底线即可。效果如下:


8.删除线

两个波浪线~开头,两个波浪线结尾 放在中间的部分就被加上删除线了! 效果:中二病控丶一米八233

9.代码效果

阴影效果: 两个 “`”符号中间的内容注上阴影!(英文输入法下的Tab的上键)

效果:print('hello world')

如果需要包裹一段代码可以在开头结尾都加入连续3个“`”符号。

效果:

print('hello world')

10.表格

| 左对齐         |      居中     | 右对齐 |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

效果:

左对齐

居中

右对齐

col 3 is

right-aligned

$1600

col 2 is

centered

$12

zebra stripes

are neat

$1

11.显示链接中带括号的图片

![][1]

[1]: http://latex.codecogs.com/gif.latex?\prod%20\(X_{u}\)+SL

3.设置Markdown编辑

进入设置修改常用编辑器为Markdown即可。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏跟着阿笨一起玩NET

winform程序中将控件置于最顶层或最底层的方法

一种方法是在WinForm窗体中使用Controls控件集的SetChildIndex方法,该方法将子控件设定为指定的索引值,其方法原型如下:

4172
来自专栏hightopo

基于 HTML5 Canvas 的 3D 模型贴图问题

1352
来自专栏HT

基于 HTML5 Canvas 的 3D 碰撞检测

这是公司大神写的一个放官网上给用户学习的例子,我一开始真的不知道这是在干嘛,就只是将三个形状图元组合在一起,然后可以同时旋转、放大缩小这个三个图形,点击“Ani...

2275
来自专栏用户2442861的专栏

初步学习Qt布局

在一个Widget中,Qt布局管理系统提供了一个简单而有效的方式来自动组织子widget,以保证他们能够很好地利用可用空间。

1661
来自专栏我杨某人的青春满是悔恨

教你写个图片轮播

这是一个图片轮播的 Demo,上半部分用 CollectionView 实现,没有无限循环效果,下半部分是用 ScrollView 实现的,自动无限轮播。代码地...

1555
来自专栏HT

基于HTML5和WebGL的碰撞测试

这是公司大神写的一个放官网上给用户学习的例子,我一开始真的不知道这是在干嘛,就只是将三个形状图元组合在一起,然后可以同时旋转、放大缩小这个三个图形,点击“Ani...

2439
来自专栏swag code

双缓冲原理在Awt和Swing中实现消除闪烁方法总结

AWT是抽象窗口工具箱的缩写,它为编写图形用户界面提供了用户接口,通过这个接口就可以继承很多方法,省去了很多工作。AWT还能使应用程序更好地同用户进行交互。

1612
来自专栏HT

基于 HTML5 Canvas 的 3D 模型列表贴图

少量图片对于我们赋值是没有什么难度,但是如果图片的量大的话,我们肯定希望能很直接地显示在界面上供我们使用,再就是排放的位置等等,这些都需要比较直观的操作,在实际...

27810
来自专栏我和未来有约会

[Silverlight 4 RC]RichTextBox概览

我们知道在silverlight 4 beta的时候增加了RichTextArea的控件。做过RIA开发的朋友富媒体在动态文本的表现渲染方面是很弱的。我们看到的...

1948
来自专栏新工科课程建设探讨——以能源与动力工程专业为例

2.2.3 文档对象模型DOM及表单

文档对象模型DOM用途是什么?先从一棵树说起。下面是一棵树,由,根部、枝干、叶构成,通过根部可以访问到任何一个叶节点。

712

扫码关注云+社区

领取腾讯云代金券