markdown基本语法

Markdown基本语法

Markdown是一种轻量级标记语言,由约翰·格鲁伯(John Gruber)在2014年创建。文档后缀为.md & .markdown,可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

标题

Markdown标题有两种标记格式。

使用 = 和 - 标记一级标题和二级标题

标记格式:

这是一级标题
===

这是二级标题
---

展示效果:

使用 # 标记

在文字前面加上 # 和空格可以表示标题,一级标题对应一个 # ,二级标题对应两个 # ,以此类推,一共可以表示6级标题。

标记格式:

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
####### 七个 # 就不起作用了

展示效果:

段落格式

换行/空行

Markdown 段落没有特殊的格式,直接编写文字就好,段落的换行是 <kbd>两个空格 </kbd> + <kbd>ENTER </kbd>

标记格式:

这是用两个空格加上回车换行  
这是下一行文字

展示效果:

Markdown 的空行需要在文本里面留一个空行。

标记格式:

这是用段落后面的一个空行表示留一行

这是空行后面的文字

展示效果:

加粗

标记格式:

**要加粗的文字**
__要加粗的文字__

展示效果:

img

or 使用通用方法:<kbd>CTRL </kbd> + <kbd>B </kbd>

斜体

标记格式:

*要倾斜的文字*
_要倾斜的文字_

展示效果:

or 使用通用方法:<kbd>CTRL </kbd> + <kbd>I </kbd>

斜体加粗

标记格式:

***要倾斜并加粗的文字***
___要倾斜并加粗的文字___

展示效果:

删除线

标记格式:

~~要删除的文字~~

展示效果:

下划线

标记格式:

<u>要带下划线的文字</u>

展示效果:

分隔线

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

标记格式:

***
* * *
*****
- - -
-----------------

展示效果:

脚注

脚注是对文本的补充说明。

标记格式:

[^要注明的文本]
创建脚注格式类似于这样[^百度]
[^百度]:百度一下,你就知道

展示效果:

图片

普通格式

标记格式:

![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")

注意:

  • 开头一个感叹号(英文状态下) !
  • 接着一个方括号,里面放上图片的替代文字
  • 接着一个普通括号,里面放上图片的地址,最后还可以使用引号包住并加上可选的"title"属性文字

使用实例:
秋日摄影

展示效果:

or 使用通用方法:直接截图(复制)-粘贴

其他格式

  • 还可以像网页那样对图片网址使用变量

    标记格式:

    这个链接用 1 作为网址变量 [秋日美景][1].
    然后在文档的结尾为变量赋值(网址)
    
    [1]: https://tse2-mm.cn.bing.net/th/id/OIP-C.KQodVqSDZuoYwCK4v9w-_gHaEK?w=301&h=180&c=7&r=0&o=5&pid=1.7
    

    展示效果:

  • Markdown还不能指定图片的高宽属性,可以借助普通的img标签进行设置

    标记格式:

    <img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.KQodVqSDZuoYwCK4v9w-_gHaEK?w=301&h=180&c=7&r=0&o=5&pid=1.7" width="50%">
    

    展示效果:

链接

普通链接

标记格式:

[连接名称](链接地址)
[百度搜索](https://www.baidu.com/)
OR
<链接地址>
<https://www.baidu.com/>

展示效果:

高级链接

可以通过变量来设置一个链接,变量赋值在文档末尾进行。

标记格式:

这个链接用 1 作为网址变量 [Google][1]
这个链接用 百度 作为网址变量 [百度][百度]
然后在文档的结尾为变量赋值(网址)

  [1]: http://www.google.com/
  [百度]: http://www.baidu.com/

展示效果:

表格

Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
设置对齐方式:

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

标记格式:

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

展示效果:

列表

Markdown 支持有序列表和无序列表。

有序列表

有序列表在文字前面加上数字,在添加一个空格。
支持使用 <kbd>TAB </kbd> or 四个 <kbd>空格 </kbd> 进行缩进。

1. 第一项
   1. 第一小项
2. 第二项
   1. 第二小项
      1. 第三级别
3. 第三项

展示效果:

无序列表

无序列表在文字前面加一个星号(*)、加号(+)或是减号(-),在添加一个空格。
支持使用 <kbd>TAB </kbd> or 四个 <kbd>空格 </kbd> 进行缩进。

标记格式:

* 第一项
  * 第二级
    * 第三级
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项

- 第一项
- 第二项
- 第三项

展示效果:

区块

Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号。

标记格式:

> 区块引用
> 区块换行
>> 二级区块
>>> 三级区块

展示效果:

区块中使用列表:

> 区块中使用列表
> 1. 第一项
> 2. 第二项
> - 第一项
> - 第二项

展示效果:

列表中使用区块:

- 第一项
    > 列表中使用区块
    区块换行
    可以不使用 > 符号
- 第二项
  > 再次使用区块
  > 换行
  > 使用 > 符号

展示效果:

代码

Markdown支持代码书写.

一段代码标记

可以使用```包裹一段代码,并指定一种语言。

标记格式:

print(
    "Hello world!"
)

展示效果:

行间代码

如果是段落上的一个函数或片段的代码可以用反引号把它包起来:

需要在行间引入一段 print()函数

代码区块

代码区块使用 4 个空格或者一个制表符(Tab 键):

    <?php
    echo 'baidu';
    function test() {
        echo 'test'
    }

展示效果:

Markdown高级技巧

支持HTML元素

不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。

目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等。

标记格式:

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑。

展示效果:

转义

Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符。

标记格式:

**文本加粗**
\*\*正常显示星号\*\*

展示结果:

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

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

公式

当你需要在编辑器中插入数学公式时,可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后,问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。

标记格式:

$$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$

展示效果:

posted @ 2022-11-01 11:15  palien  阅读(127)  评论(0编辑  收藏  举报