「Markdown」标记语言学习笔记

2017-04-13 by Liuqingwen | Tags: 随笔 Web | Hits

一、前言

相信在网上写文章的朋友都知道 Markdown 这门标记语言,刚接触这门语言不久就已经爱上它了,熟悉它就像拥有了一个操作简单而功能强大的有利武器!真是让人爱不释手,哈哈。 grin

Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯( John Gruber )。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。

Markdown 标记语言就是那么简单实在,很多软件或者网站都支持 Markdown 编写,平时常用的简书,还有 GitHub 上的 md 文件都是使用的 Markdown ,像 VSCode 和 IDEA 这些软件天生就支持 Markdown 的,使用起来简单方便,随手可写,相比以前写文章还要进行复杂的格式化或者源码编辑, Markdown 简直不能再轻松了!

二、学习

虽然简单,但是条条目目还是挺多的,我平时写作只需要一些最实用的就可以了。另外,可以搭配使用,记得要加空格哦! wink

  • 标题

用 # 表示标题,一个 # 表示一级标题,二个 ## 则表示二级标题, ### 表示三级标题,以此类推。

1
2
3
# 这是一个一级标题
## 这是一个二级标题
### 这是一个三级标题

——————这是一个一级标题

——————————这是一个二级标题

————————————— 这是一个三级标题

  • 引用

引用直接用一个 > 符号即可。

1
2
> 这是一段引用
还可以直接换行哦!

——————————这是一段引用
——————————还可以直接换行哦!

  • 图片 & 链接

表示链接,加个 ! 即 表示图片。

1
2
[这是一个链接点我吧](http://liuqingwen.me)
![这是一个图片别点我](sample-image.jpg)

——————————这是一个链接点我吧
——————————这是一个图片别点我

  • 代码

用编程软件写 Markdown 最爽的地方就是可以直接写代码,而且还有颜色标记和智能提示,让那些烦人的缩进去死吧!哈哈,简直不要太爽哦!

1
2
3
4
5
6
`这是简单的代码 var x = 100`
//这是一段很长的并且分行有缩进有高亮的代码,请用三个【`】表示
var code = 'xyz';
for(it = 0; it ++; it < 10) {
code = code + it;
}

——————————这是简单的代码 var x = 100

1
2
3
4
5
//这是一段很长的并且分行有缩进有高亮的代码,请用三个【`】包括起来
var code = 'xyz';
for(it = 0; it ++; it < 10) {
code = code + it;
}
  • 列表

列表也很简单,有序的和无序的,注意有序的列表如果相隔有其他元素可能不会正常显示哦,就是说可能你的列表一直是 1 开头,自己尝试吧!

1
2
3
4
* 无序列表1
* 无序列表2
1. 有序列表1
2. 有序列表2
  • ——————————无序列表1
  • ——————————无序列表2
  1. ——————————有序列表1
  2. ——————————有序列表2
  • 粗体 | 斜体

真的很 Simple 很 Young 也有点 Naive 。 sunglasses

1
2
*这是斜体*
**这是粗体**

——————————这是斜体
——————————这是粗体

  • 其他:分隔符,表格

分隔符直接使用三个 * 表示,表格有点复杂了,不过还是好相识滴,注意 - 代表长度哦。

1
2
3
4
5
6
7
这里有个分隔符看到了吗:
***
|星期一 |星期二|星期三 |星期四|星期五 |星期六 | 星期日特别长 |
|:---: |:---:|:---: |:---:|:---:|:---: |:--------------------:|
| 1 | 2 | 3 | 4 | 5 | 6 | 777777 |
| 栏目1 |栏目2 |栏目3 |栏目4 |栏目5| 栏目6 | 栏目7 |
| A | B |C |D |E | F | G |

——————————这里有个分隔符看到了吗:


星期一 星期二 星期三 星期四 星期五 星期六 星期日特别长
1 2 3 4 5 6 777777
栏目1 栏目2 栏目3 栏目4 栏目5 栏目6 栏目7
A B C D E F G

三、总结

总之 Markdown 就是那么简单易用,学会这几个常用的暂时还是够用了,后续需要继续学习吧!当然,它实际上并不是一门编程语言,不要把它当做 Html 之类的标记语言来写哦,为文章发烧而生,它就是马克党! Enjoy it! 哈哈! yum

参考:
中文维基百科 Markdown : https://zh.wikipedia.org/zh-hans/Markdown
Hexo Tag Plugins : https://hexo.io/docs/tag-plugins.html


Comments: