markdown语法笔记

笔记最初记录于有道云,迁到时我发现markdown有部分差异,已修改或标注

区块元素

1. 段落标题

1到6个#+空格+标题,对应到标题 1 到 6 阶,例如:

# 一级标题  
## 二级标题  
......  
###### 六级标题

2. 区块引用

2.1. 基础用法

  • 自己先断好行,然后在每行的最前面加上>,例如:
>第一行  
>第二行

效果:

第一行
第二行

  • Markdown 也允许你偷懒只在整个段落的第一行最前面加上>,例如:
>第三行  
第四行

效果:

第三行
第四行

2.2. 引用嵌套

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

> This is the first level of quoting.
>
> > This is nested blockquote.
>
> Back to the first level.

效果:

This is the first level of quoting.

This is nested blockquote.

Back to the first level.

2.3. 包含其他语法

引用的区块内也可以使用其他的 Markdown 语法,包括标题列表代码区块等,例如:

> 1.   这是第一行列表项。
> 2.   这是第二行列表项。
> 
> 给出一些例子代码:
> 
>     return shell_exec("echo $input | $markdown_script");

效果:

  1. 这是第一行列表项。
  2. 这是第二行列表项。

给出一些例子代码:

return shell_exec("echo $input | $markdown_script");

3. 段落换行

插入处先按入两个以上空格然后回车
例如:

第一行(后接两个空格+回车)  
第二行

效果:

第一行(后接两个空格+回车)
第二行

4. 列表

4.1. 无序列表

无序列表使用*+或是-作为列表标记:

*   Red
*   Green
*   Blue  

或:
+   Tom
+   Jerry
+   Jack  

或:
-   Apple
-   Orange
-   Banana

效果:

  • Red
  • Green
  • Blue

或:

  • Tom
  • Jerry
  • Jack

或:

  • Apple
  • Orange
  • Banana

4.2. 有序列表

有序列表则使用数字接着一个英文句点:

1.  Bird
2.  McHale
3.  Parish

效果:

  1. Bird
  2. McHale
  3. Parish

4.3. 列表包含多个段落

列表项目可以包含多个段落,每个项目下的段落都必须缩进 4 个空格或是 1 个制表符:

1.  This is a list item with two paragraphs. Lorem ipsum dolor
    sit amet, consectetuer adipiscing elit. Aliquam hendrerit
    mi posuere lectus.

    Vestibulum enim wisi, viverra nec, fringilla in, laoreet
    vitae, risus. Donec sit amet nisl. Aliquam semper ipsum
    sit amet velit.

2.  Suspendisse id sem consectetuer libero luctus adipiscing.

效果:

  1. This is a list item with two paragraphs. Lorem ipsum dolor
    sit amet, consectetuer adipiscing elit. Aliquam hendrerit
    mi posuere lectus.

    Vestibulum enim wisi, viverra nec, fringilla in, laoreet
    vitae, risus. Donec sit amet nisl. Aliquam semper ipsum
    sit amet velit.

  2. Suspendisse id sem consectetuer libero luctus adipiscing.

4.4. 列表嵌套

列表嵌套只需在子列表中的选项前面添加四个空格即可:

1. 第一项:
    - 第一项嵌套的第一个元素
    - 第一项嵌套的第二个元素
2. 第二项:
    - 第二项嵌套的第一个元素
    - 第二项嵌套的第二个元素

效果:

  1. 第一项:
    • 第一项嵌套的第一个元素
    • 第一项嵌套的第二个元素
  2. 第二项:
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素

4.5. 列表添加引用

如果要在列表项目内放进引用,那>就需要缩进:

*   A list item with a blockquote:

    > This is a blockquote
    > inside a list item.

效果:

  • A list item with a blockquote:

    This is a blockquote
    inside a list item.

4.6. 列表添加代码块

如果要放代码区块的话,该区块就需要缩进两次,也就是 8 个空格或是 2 个制表符:

*   一列表项包含一个列表区块:

        <代码写在这>

效果:

  • 一列表项包含一个列表区块:

    <代码写在这>
    

或者:

*   一列表项包含一个列表区块:  

    ```
    <代码写在这>
    ```

效果:

  • 一列表项包含一个列表区块:

    <代码写在这>
    

4.7. .转义

当然,项目列表很可能会不小心产生,像是下面这样的写法:

1986. What a great season.

换句话说,也就是在行首出现数字-句点-空白,要避免这样的状况,你可以在句点前面加上反斜杠。

1986\. What a great season.

效果:

1986. What a great season.

5. 代码区块

5.1. 空格或制表符

要在 Markdown 中建立代码区块很简单,只要简单地缩进 4 个空格或是 1 个制表符(Tab 键)就可以,例如:

这是一个普通段落:

    这是一个代码区块。

效果:

这是一个普通段落:

这是一个代码区块。

5.2. ```标记代码块

你也可以用```包裹一段代码,并指定一种语言(也可以不指定):

```javascript
$(document).ready(function () {
    alert('RUNOOB');
});
```

效果:

$(document).ready(function () {
    alert('RUNOOB');
});

5.3. 行内代码

  1. 如果要标记一小段行内代码,你可以用反引号`把它包起来,如:

     Use the `printf()` function.
    

    效果:

    Use the printf() function.

  2. 如果要在行内代码插入反引号,可以用多个反引号来开启和结束行内代码:

     ``There is a literal backtick (`) here.``
    

    效果:

    There is a literal backtick (`) here.

  3. 行内代码的起始和结束端都可以放入一个空白,起始端后面一个,结束端前面一个,这样就可以在行内代码的一开始就插入反引号,如:

    A single backtick in a code span: `` ` ``
    
    A backtick-delimited string in a code span: `` `foo` ``
    

    效果:

    A single backtick in a code span: `

    A backtick-delimited string in a code span: `foo`

6. 分割线

你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:

* * *

***

*****

- - -

---------------------------------------

效果:






内嵌元素

7. 超链接

7.1. 行内式

格式:[链接名称](链接地址)或[链接名称](链接地址 "title"),例如:

This is an [example link](www.baidu.com).
This is an [example link with title](www.baidu.com "baidu").

效果:

This is an example link.
This is an example link with title.

7.2. 参考式

格式:[链接名称][id],例如:

I get 10 times more traffic from [Google] [1] than from
[Yahoo] [2] or [MSN] [3].

[1]: http://google.com/        "Google"
[2]: http://search.yahoo.com/  "Yahoo Search"
[3]: http://search.msn.com/    "MSN Search"

或者:

I get 10 times more traffic from [Google][] than from
[Yahoo][] or [MSN][].

[google]: http://google.com/        "Google"
[yahoo]:  http://search.yahoo.com/  "Yahoo Search"
[msn]:    http://search.msn.com/    "MSN Search"

效果(csdn第一种不生效,有道云笔记两种都生效):

I get 10 times more traffic from Google than from
Yahoo or MSN.

7.3. 自动链接

将链接地址用<>包起来,此时,链接文字就和链接地址一样,例如:

<http://www.baidu.com>

效果:http://www.baidu.com

8. 图片链接

8.1. 行内式

格式:![图片的替代文字](图片的网址)或者![图片的替代文字](图片的网址 "title"),例如:

![Alt text](https://img-blog.csdnimg.cn/img_convert/4a241182f0fc299367dd713a11ca9c87.png)

![Alt text](https://img-blog.csdnimg.cn/img_convert/b34b23032902a3f81cf349300c976f84.png "Optional title")
    
![不闻不问](https://img-blog.csdnimg.cn/img_convert/69c8bb3c97e0c29d05255d2c920431e0.png)

效果:
Alt text
Alt text
不闻不问

8.2. 参考式

![Alt text][id]

[id]: url/to/image  "Optional title attribute"

效果:

Alt text

9. 强调

9.1. 字体

Markdown 使用星号 * 和底线 _ 作为标记强调字词的符号

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___

效果:

斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本

9.2. 删除线

只需要在文字的两端加上两个波浪线 ~~ 即可,如:

~~BAIDU.COM~~

效果:BAIDU.COM

9.3. 下划线

下划线可以通过 HTML 的 <u> 标签来实现,如:

<u>带下划线文本</u>

效果:带下划线文本

10. 表格

10.1. 基础语法

Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行,如:

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

效果:

表头 表头
单元格 单元格
单元格 单元格

10.2. 对齐(有道云笔记、博客园不生效)

-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。

示例:

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

效果:

左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格

其他

11. 反斜杠

Markdown 可以利用反斜杠来插入一些在语法中有其它意义的符号,如:

\*literal asterisks\*

效果:*literal asterisks*

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

\   反斜线
`   反引号
*   星号
_   底线
{}  花括号
[]  方括号
()  括弧
#   井字号
+   加号
-   减号
.   英文句点
!   惊叹号

12. 锚点

csdn不生效,有道云笔记、博客园生效

<a href="#区块元素">跳转到区块元素</a>

效果:
跳转到区块元素

13. 导航

在需要使用导航的地方使用 [TOC] (有道云笔记、博客园)、@[TOC](这里写自定义目录标题)(csdn)

posted @ 2021-05-18 08:08  追光集  阅读(82)  评论(0)    收藏  举报