Markdwon 笔记(样式测试)

Markdwon 笔记(样式测试)

January 25, 2021

说明

边学边写,所以一边学着后面就顺便将前文格式改了改,把这当作学习笔记了。 现在又变成博客样式测试文章了😁

因为Markdown没有明确规范,所以这里就只说一些基本用法。
本文在VS code上编写,一些效果默认情况下不能显示(不是基本语法),但在其他的在线编辑器上试过可以显示,已标明。 建议学习时可以多看看英文资料,毕竟中文资料中可能有翻译错误或者加入了作者自己的想法。

这里面是编辑器内的原形式

这里面是演示效果


标题与正文

换行与换段

正文可以直接写。
两个及以上空格再回车表示换行,空一行及以上表示换段。

换行

使用#,一级标题为一个#,二级标题为两个#,以此类推,可表示 1-6 级标题。
或使用=-并换行标记一级和二级标题(备用方案)。
为了显示效果引用了一下。

## 一级标题
### 二级标题
#### 三级标题
##### 四级标题
......
这是正文  

一级标题

二级标题

三级标题

四级标题

……
这是正文

另一种:

一级标题
==
二级标题
--

效果如下:

一级标题

二级标题

分隔符

由三个及以上-/*/_构成的单行,其中可有空格

---
- - -
***
* * *
___
_ _ _







字体效果

斜、黑体

斜体:在其前后各加一个*_
黑体:在其前后各加两个*_
斜黑体:在其前后各加三个*_

正常文字  
*斜体*_文字_  
**黑体**__文字__  
***斜黑体***___文字___

正常文字
斜体文字
黑体文字
斜黑体文字

最好用*不用_
也可将斜黑体表示为__*1*__**_2_**(VS code并不支持):__1__或**2**

删除线

在其前后各加~~

~~这是删除线测试~~

效果如下:

这是删除线测试

高亮(VS code里无效果)

在其前后各加==

==这是高亮==

==这是高亮==


列表

有序列表

数字加.加一个空格
可嵌套,若嵌套在前面加四个空格(一个Tab)

1. 一级
    1. 二级
        1. 三级
        2. 三级
   2. 二级
2. 一级
3.一级

效果如下:

  1. 一级
    1. 二级
      1. 三级
      2. 三级
    2. 二级
  2. 一级
  3. 一级

数字不必按数字顺序排列,但列表会以数字顺序开始。测试一下

1. 测试
    1. 序号不按前面数字而是自动变?
    1. 确实自动啊,估计怕不同级别的序号出现混乱
    1. 那我是不是可以在哪一级就用哪一数字(滑稽)
2. 一级

效果如下:

  1. 测试
    1. 下一级
    2. 序号好像不按前面数字而是自动变
    3. 确实自动啊,估计怕不同级别的序号出现混乱
    4. 那我是不是可以在哪一级就用哪一数字(滑稽)
  2. 一级

无序列表

*+-加一个空格
也可以嵌套

- 一级
    - 二级
        - 三级
    - 二级
- 一级

效果如下:

  • 一级
    • 二级
      • 三级
    • 二级
  • 一级

再测试一下

- - 直接二级
- 三级

效果如下:

    • 直接二级
      • 三级

区块引用

在段落开头使用>,然后加一个空格(非必需,为了防止有些不支持)

> 区块引用

效果如下:

区块引用

区块引用也可嵌套使用。

> 1
>> 2  
3

效果如下:

1

2
3

在正文中引用后,换段效果不继续引用,换行继续引用。


代码

可以保留原格式,效果为阴影背景

1)行内代码

可以在前后各加一个及以上`(反引号,Tab键上面的那个)来表示,但是要几个开始几个结束

这是`行内代码`演示

效果如下:

这是行内代码演示

`` ` `` 

这样就能打出`了,效果如下:

`

2)代码区块

可以使用四个空格(一个Tab)
显示效果如下:

这就是代码区块,记得要换段

也可以在前后各加单独由```构成的一行表示,其后可指定语言。

```C
printf("Hello World!");
```

效果如下:

printf("Hello World!");

行内代码只能显示一行,适合正文插入,区块适合多条语句。我觉得单独一行代码也可用来区块来表示强调。


链接

1.形式为[链接名称](链接地址)

[百度](https://www.baidu.com)

效果如下:

百度

2.或者使用<链接地址>

<https://www.baidu.com>

效果如下:

https://www.baidu.com

3.或者直接使用链接地址

https://www.baidu.com

效果如下:

https://www.baidu.com

4.参考样式链接

由两部分组成。第一部分[链接名称][标签]
第二部分[标签]: 链接地址
其中第二部分可以放置于其他地方(不能在同一段内。)。

这是一个[链接][1]

[1]:https://www.baidu.com

这是一个链接

省略写法:

    这是一个[链接]
 
    [链接]:https://www.baidu.com

这是一个链接

5.所以的链接都可以带上格式,如https://www.baidu.com


图片

插入图片与链接类似,格式如下:![代替文字](图片的本地地址或URL)

![Markdown](https://bkimg.cdn.bcebos.com/pic/d009b3de9c82d158ccbf98bc1b430ed8bc3eb135e42e)

效果如下:

Markdown

图片也可以添加链接(就是将链接名称换成图片)

[![Markdown](https://bkimg.cdn.bcebos.com/pic/d009b3de9c82d158ccbf98bc1b430ed8bc3eb135e42e)](https://baike.baidu.com/item/markdown)

Markdown


脚注(VS code里无效果)

格式:[^要注明的内容]

这是要标注的[^内容]  
[^内容]:一个标注

效果如下:

这是要标注的1


表格

使用|分隔每一行的单元格,用-分隔表头与数据。

表格对齐方式:
设置内容和标题栏居右对齐-:
设置内容和标题栏居左对齐:-
设置内容和标题栏居中对齐:-:

|表头1|表头2|表头3|
|:-:|-:|:-|
|1|2|3|
|1|2|3|
表头1 表头2 表头3
1 2 3
1 2 3

转义字符

特殊符号可以用转义字符显示,及前面加\

**加粗**  
\*\*不加粗\*\*

效果如下:

加粗
**不加粗**

支持转义的字符:
\   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
<>  尖括号
()  小括号
##   井字号
+   加号
-   减号
.   英文句点
!   感叹号
|   竖线符号

LaTex公式

$ $包围的为行内的公式,用$$ $$包围的为居中的公式块

$2^{10} = 1024$
$$\sum_{n = 0}^{100} n = (100 + 0) + (99 + 1) + ... +  55 = 55 × 100 + 55 = 5555}$$

效果如下: $2^{10} = 1024$ $$\sum_{n = 0}^{100} n = (100 + 0) + (99 + 1) + … + 55 = 55 × 100 + 55 = 5555$$

这个具体语法就不详细介绍了。


HTML

HTML中的标签可以直接在Markdown中使用,举个例子。

下划线

HTML中的<u></u>标签

<u>这是下划线测试</u>

效果如下:

这是下划线测试


  1. 一个标注 ↩︎