MarkDown的笔记之路

2019-08-12  本文已影响0人  追梦的青鸟

MarkDown学习之路

为什么要学习这个东西呢，因为最近发现学习前端没有笔记没两天就忘得差不多了，比较苦恼，想着做个笔记记录一下，方便后面查找,另外发现简书可以使用MarkDown的语法，虽然之前也学习了MarkDown但现在忘得一干二净了，所以就先来学习下MarkDown吧

[TOC]

MarkDown是一种轻量级的标记语言，排版语法简洁，让人更多的关注内容本身而非排版。它使用易读易写的除文本格式编写文档，可与HTML混编，可导出HTML、PDF以及本身的.md格式的文件。因简介、高效、易读、易写，MarkDown被大量使用，如GitHub、Wikipedia等网站，另各大博客：WordPress、Drupal、简书等。[1]

正片开始

1. 标题

MarkDown支持两种类型的标题语法：类Atx和类Setext语法规则

# 一级标题
## 二级标题
### 三级标题
... ...
以此类推，共有六个级别的标题
*注：#后面有空格

一级标题
=========
二级标题
-----------
*注：“-”或“=”数目任意，最好三个以上比较直观

2.粗体&斜体

**粗体**
__粗体__
语法说明：左右两边各两个星号或者下划线中间夹文字即可

*斜体*
_斜体_
语法说明：左右两边各一个星号或下划线中间夹文字即可

3.段落&换行

1.直接敲两个回车
2.在上一段结尾敲两个空格，然后再回车

在段落结尾处使用html语法<br/>进行换行

4.分割线

******(星号）
-------（减号）
======（等号）
______（下划线）
语法说明：可以在新的一行使用三个及以上数量的星号、减号、等号、下划线来生成分割线。
注：符号之间可以有空格，并且与上面的文本要空出一行，否则减号可能被当做类Setext语法生成二级标题

5.引言

使用“> ”可以生成一个多行的引用，不同的编辑器生成的效果会有所差别；
使用两个“> ”会生成嵌套的引用文本框。
注：“> ”要放在一行的最前面并且与文本之间有空格

6.列表

* 列表
+ 列表
- 列表
语法说明：无序列表可以使用星号、加号、减号来表示，也可以三者混合使用；
推荐使用同一种，避免混乱。
语法 效果
1. 列表
2. 列表
3. 列表		 1.列表
2.列表
3.列表
2. 列表
5. 列表
8. 列表		 1.列表
2.列表
3.列表
2. 列表
+. 列表
*. 列表		 1.列表
2.列表
3.列表		 
 语法说明：有序列表用数字夹英文状态下的句号加空格来生成
注：数字无序，还可以与无序列表的符号混用，不过为避免混乱，推荐使用“1. ”

7.代码

行内代码块使用“ ` ”反引号包裹就行，如果代码块中出现反引号则使用两个反引号包裹

1.使用三个反引号 “ ``` ”,并且可以在第一个（三个）反引号后面加上代码块的语言名称
2.在一个新段落前面使用“Tab”缩进两次

8.链接

1.行内式：
  绝对路径：[zm](https://www.jianshu.com/writer#/notebooks/39311575/notes/52281088/preview)
  相对路径：[zm](/about.html "about")
2.参考式：
  [百度][1] ---  [1]:https://www.baidu.com/ "Baidu"
  [谷歌][A] --- [A]:https://www.google.com/ (Google)
  [360][  ] ---  [  ]:https:// www.360.com/ (360)
  [小米][] ---  [小米]:https://www.xiaomi.com/
注：链接后面引号或者小括号中的是别名，可写可不写，并且可以用双引号、单引号、小括号包裹是一样的；
如果id（第二个中括号）为空则text（第一中括号）必须与链接的id（第三个中括号）保持一致；
这里的链接id可以是字母、数字、空格、标点符号，字母的话不区分大小写

1.行内式
  绝对路径：[图片上传失败...(image-545064-1565539852636)]
  相对路径：[图片上传失败...(image-dab162-1565539852636)]
2.参考式
  绝对路径：![百度][1]
  [1]:https://www.baidu.com/ "Baidu"
注：图片链接与上面的网址链接类似，同样是两种形式：行内式和参考时，只不过图片链接前面多了个“!”感叹号，所以可以参照上面的使用。

MarkDown一般不支持图片宽高的设置，若要指定图片的宽高，可以使用普通的<img />标签;
  <img src="" width="" height="" title="" alt="" />
如果需要居中，可以在外围使用<div>标签包裹img
  <div align="center">
    <img src="" width="" height="" />
  </div>
或者使用支持指定图片宽高的MarkDown编辑器：如Mou
  [图片上传失败...(image-89d27-1565539852636)]

9. 删除线

没想到还有删除线之前没发现啊

~这是一个波浪线啊

~~ 被删除的文本 ~~

以上即是一些经常会用到的MarkDown语法规则，另外还有一些比如表格、目录、脚注....
下面做一些记录，以方便日后查询

1.目录

2.表格

| id    | name    |                                     id      |      name  
|  ---  |  ---    |                                    ------   |     ------
| 01    | xiaoming |                                      01    |    xiaoming  
| 02    | xiaobai  |                                      02    |    xiaobai
注：上面是两种不同的写法，大同小异，第二种只是一种简化后的写法；
另外还可以设置对齐方式，使用“:”分别放在“-----”左边或者右边就是左对齐或者右对齐，左右都有就是居中。

3.脚注

[^1] --------  [^1]:这里就可以写注释内容

4.特殊字符的转换

MarkDown可以使用反斜杠插入一些语法中有其他意义的符号
如：#、*、\、+、-、！ ... ...

*第一篇笔记End,很感谢辉哈大佬的教程，加油 (๑´ㅂ`๑) *

  1. 这段简介摘自辉哈大神的MarkDown教程 ↩

上一篇 下一篇

猜你喜欢

热点阅读