HTLF

一步一个脚印,走出高度...

导航

Markdown 语法

Markdown 语法

Markdown 是一种轻量级的标记语言,其用简单的标记语法便可达到排版的目的,其可以使我们更加专注于内容的编写,而不需过多关注排版。本文主要整理了 Markdown 中的常用的标记语法,以便自己与他人以后查用。

Markdown 常用语法笔记

段落与换行

1、 段落

  1. Markdown 中的段落指连续的一段文字,编写时段落之间用至少一个空行隔开,段落内多个空格将被视为一个空格,段首不支持缩进。

    demo 📌

    Markdown    是一种轻量级的标记语言,          其用简单的标记语法便可达到排版的目的,          其可以使我们更加专注于内容的编写,而不需过多关注排版。
    

    显示 📎

    Markdown 是一种轻量级的标记语言, 其用简单的标记语法便可达到排版的目的, 其可以使我们更加专注于内容的编写,而不需过多关注排版。

2、 换行

  1. 如果想要在显示时显示多个空行,可以插入 <br/> 来实现,注意的是,插入的<br/>应与前后的段落中间至少空一行。

demo 📌

Markdown 是一种轻量级的标记语言,<br/>其用简单的标记语法便可达到排版的目的,<br/><br/>其可以使我们更加专注于内容的编写,而不需过多关注排版。

显示 📎

Markdown 是一种轻量级的标记语言,
其用简单的标记语法便可达到排版的目的,

其可以使我们更加专注于内容的编写,而不需过多关注排版。

  1. 还可以使用空格加另起一行来实现;即在当前行的末尾添加 2 个空格,行之间不能有空行,有空行表示另起段落

demo 📌

Markdown 是一种轻量级的标记语言, "这里有两个空格" 
其用简单的标记语法便可达到排版的目的,  "这里有两个空格"
其可以使我们更加专注于内容的编写,而不需过多关注排版。

显示 📎

Markdown 是一种轻量级的标记语言,
其用简单的标记语法便可达到排版的目的,
其可以使我们更加专注于内容的编写,而不需过多关注排版。。

标题

Markdown 支持两种类型的标题。

1、 类型 1

  • 分别用 = - 表示标题的级别,= 表示一级 - 表示二级;第一类只有两个级别;使用方法 在输入标题后面的 下一行输入标题符号 标题和符号之间不能有换行

demo 📌

这是一级标题
======
这是二级标题
------

显示 📎

这是一级标题

这是二级标题

2、 类型 2

  • 使用井号后面跟一个空格即: # + 空格 + 标题

demo 📌

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

显示 📎

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

引用

  • 使用尖括号加空格来引用 即:> + 空格 + 段落

demo 📌

> 引用引用引用引用引用

显示 📎

引用引用引用引用引用

嵌套

  • 使用方法和引用一样,只是多用几个尖括号而已; 注意 多个尖括号之间不能有空格

demo 📌

> 引用引用引用引用引用
>> 引用引用引用引用引用
>>> 引用引用引用引用引用

显示 📎

引用引用引用引用引用

引用引用引用引用引用

引用引用引用引用引用

无序列表

  • 使用 加 减 新号 这些符号来表示无序列表;使用方法 符号后面加空格即:+ 列表

demo 📌

+ 无序列表

显示 📎

  • 无序列表

有序列表

  • 使用数字序号后面紧跟着点符号加空格表示有序类表;使用方法 数字序号 + 点 + 空格 + 列表 即:1. + 列表

demo 📌

1. 有序列表
2. 有序列表

显示 📎

  1. 有序列表
  2. 有序列表

有序列表之特例

  • 排序可以从想要的那个数字开始排序,后面的的数组可以相同也可以不同,但不能是其他符号;

demo 📌

1. 有序列表
1. 有序列表
1. 有序列表

显示 📎

  1. 有序列表
  2. 有序列表
  3. 有序列表

列表之间的嵌套

demo 📌

1. 有序列表之间的嵌套
    + 无序列表之间的嵌套
    + 无序列表之间的嵌套
+ 无序列表之间的嵌套
    1. 有序列表之间的嵌套
    2. 有序列表之间的嵌套

显示 📎

  1. 有序列表之间的嵌套
    • 无序列表之间的嵌套
    • 无序列表之间的嵌套
  • 无序列表之间的嵌套
    1. 有序列表之间的嵌套
    2. 有序列表之间的嵌套

任务列表

  • 任务列表支持性比较差,使用方如下

demo 📌

- [x] 任务列表
- [ ] 任务列表

显示 📎

代码块

代码块有两种现实的方式

  1. 开头和结尾分别使用三个 ``` 包裹起来的内容;可以在开头的这三个 ``` 后面添加不同的编程语言名称,可以显示该语法的代码高亮, 注意 ``` 分别占一行。

    demo 📌

     ```JavaScript  
         console.log("hello Markdown");  
     ```
    

    显示 📎

        console.log("hello Markdown");
    
  2. 空行加每行的代码缩进(Tab键)或者每行前加4个空格

    demo 📌

    这是代码块
    这是代码块

    显示 📎

     这是代码块
     这是代码块
    

分割线

  • 相同的 _ 或 - 或 * 符号三个或者三个以上

demo 📌

    ___
    ---
    ***

显示 📎




表格

  • 表格使用 | 和 :配合使用; | 表示表格; : 表示对齐的方式

demo 📌

| Markdown | Markdown | Markdown |
|:-- |:---:|---:|
| 表格左对齐 | 表格居中对齐 | 表格右对齐 |
| 左 | 中 | 右 |

显示 📎

Markdown Markdown Markdown
表格左对齐 表格居中对齐 表格右对齐

行内标记

  • 使用 ` 来包裹,行内需要包裹的内容;** 注意 ** 若需要显示一个 ` ,那该 ` 的两端至少有两个 `

demo 📌

    hello Markdown ` hello Markdown ` hello Markdown
    <!-- 显示一个撇号 -->
    `` ` ``

显示 📎

hello Markdown hello Markdown hello Markdown

`

强调

  • Markdown 使用星号(*)和底线(_)作为标记强调字词的符号,被 * 或 _ 包围的字词会被转成用 标签包围,用两个 * 或 _ 包起来的话,则会被转成 <strong>

demo 📌

*斜体*  斜体
_斜体_  斜体
**加粗**  加粗
__加粗__  加粗
***加粗 斜体***  加粗 斜体
**_加粗 斜体_**  加粗 斜体

显示 📎

斜体

斜体

加粗

加粗

加粗 斜体

加粗 斜体

删除线

  • 使用 ~~表示删除线

demo 📌

    ~~删除线~~

显示 📎

删除线

超链接

超链接有三种实现的方式

  1. 第一种 方括号 和小括号;方括号里些显示的名称,小括号里写路径

demo 📌

    [Markdown ](http://www.markdown.cn/)

显示 📎

Markdown

  1. 第二种链接内容定义的形式为:

    • 方括号(前面可以选择性地加上至多三个空格来缩进),里面输入链接文字
    • 接着一个冒号
    • 接着一个以上的空格或制表符
    • 接着链接的网址
    • 选择性地接着 title 内容,可以用单引号、双引号或是括弧包着

demo 📌

    [Markdown ]: http://www.markdown.cn/

显示 📎

  1. 第三种 用尖括号包裹起来

demo 📌

    <http://www.markdown.cn/>

显示 📎

http://www.markdown.cn/

图片

  • Markdown 使用一种和链接很相似的语法来标记图片,同样也允许两种样式

    • 一个惊叹号 !
    • 接着一个方括号,里面放上图片的替代文字
    • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上 选择性的 'title' 文字。

demo 📌

    ![图片 图片](https://pic.cnblogs.com/face/1079080/20161212102059.png)  
    ![图片 图片](https://pic.cnblogs.com/face/1079080/20161212102059.png "图片 图片")

显示 📎

图片 图片
图片 图片

表情

🌐 表情

posted on 2018-05-28 11:43  HTLF  阅读(189)  评论(0)    收藏  举报