博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Markdown学习与练习
阅读量:180 次
发布时间:2019-02-28

本文共 3314 字,大约阅读时间需要 11 分钟。

Markdown学习与练习

说明

本文边学边写,所以一边学着后面就顺便将前文格式改了改。就把这当作学习笔记了(哈哈哈)。

因为Markdown没有明确规范,所以这里就只说一些基本用法。
本文在VS code上编写,一些效果默认情况下不能显示(不是基本语法),但在其他的在线编辑器上试过可以显示,已标明。
最开始是根据菜鸟教程和其他的一些帖子学的,但是有些问题,所以找了个开源的英文网站Markdown Guide(),这里面内容更详细一些(没有中文,就开两个页面,一个原文一个网页翻译,对照着看)。

建议学习时可以多看看英文资料,毕竟中文资料中可能有翻译错误或者加入了作者自己的想法。

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

这里面是我自己的一些想法和后加的话

标题

使用#,一级标题为一个#,二级标题为两个#,以此类推,可表示 1-6 级标题。

或使用=-并换行标记一级和二级标题(备用方案)。
为了显示效果引用了一下。

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

一级标题

二级标题

三级标题

四级标题

这是正文

另一种:

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

效果如下:

一级标题

二级标题

换行与换段

正文可以直接写。

两个及以上空格再回车表示换行,空一行及以上表示换段。

MarkDown Guide上显示确实是换行与换段两种。

这里的原文如下:

正文可以直接写。

换行需要两个及以上空格再回车。或者空一行表示,但是根据显示效果和格式我觉得这是换段(手动滑稽)。
我觉得Markdown中有自动换行,因此取消了直接回车换行,但手动换行又是必须的,所以换成空两格再回车来表示。而空一行应该是换段。

直接换行效果相当于空格,且无论几个连着的空格都是显示一个空格。同理,两个以上连续换行都只空一行。

CSDN可以直接换行

字体

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

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

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

正常文字

斜体文字
黑体文字
斜黑体文字

最好用*不用_

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

分隔符

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

---- - -**** * *____ _ _






列表

有序列表

数字加.加一个空格

可嵌套,若嵌套在前面加四个空格(一个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. 一级

又在Markdown Guide上看到了:数字不必按数字顺序排列,但列表会以数字顺序开始。

无序列表

*+-加一个空格

也可以嵌套

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

效果如下:

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

再测试一下

- - 直接二级- 三级

效果如下:

    • 直接二级
      • 三级

区块引用

在段落开头使用>,然后加一个空格

>区块引用

效果如下:

区块引用

区块引用也可嵌套使用。

>1>>2  >>3

效果如下:

1

2

3

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

代码

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

1)行内代码

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

这是`行内代码`演示

效果如下:

这是行内代码演示

`` ` `` 这样就能打出`了

效果如下:

` 这样就能打出`了

2)代码区块

可以使用四个空格(一个Tab)

显示效果如下:

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

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

```Cprintf("Hello World!");```

效果如下:

printf("Hello World!");

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

脚注(VS code里无效果但有标志)

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

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

效果如下:

这是要标注的

链接

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

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

效果如下:

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

效果如下:

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

https://www.baidu.com

效果如下:

https://www.baidu.com

直接写CSDN好像不能显示

4.参考样式链接

由两部分组成。第一部分[链接名称][标签]
第二部分[标签]: 链接地址
其中第二部分可以放置于其他地方(比如脚注)。

这是一个[链接][1]  一段话间隔[1]:https://www.baidu.com

这是一个

一段话间隔

发现Markdown上写的这种还有一个部件,我加上了。这里是我的原文:

一种“高级链接”

可以通过一个变量设置链接,然后可进行变量赋值。
这种格式类似脚注,但是不会在结尾显示。

这是一个[链接]     一段话间隔   [链接]:https://www.baidu.com

这是一个

一段话间隔

这种链接两部分好像不能在同一段内。

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

图片

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

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

效果如下:

Markdown

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

[![Baidu](https://img-blog.csdnimg.cn/img_convert/2d788a185a09940527b409930e299e77.png)](https://baike.baidu.com/item/markdown)

转义字符

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

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

效果如下:

加粗

**不加粗**

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

表格

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

表格对齐方式:

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

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

删除线

在其前后各加~~

~~这是删除线测试~~

效果如下:

这是删除线测试

高亮(VS code里无效果)

在其前后各加==

==这是高亮==

这是高亮

上标(VS code里无效果)

在其前后各加一个^

2^2^

效果如下:

22

下标(VS code里无效果)

在其前后各加一个~

O~2~

效果如下;

O2

LaTex公式(VS code里无效果)

这个就不详细介绍了,上面的上下标就是给公式用的。

HTML

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

下划线

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

这是下划线测试

效果如下:

这是下划线测试


  1. 一个标注

转载地址:http://tvhn.baihongyu.com/

你可能感兴趣的文章