如何使用Markdown编写笔记

时间：2024-01-21 11:09:47

Markdown是什么？

Markdown 是一种轻量级标记语言，创始人为约翰·格鲁伯（John Gruber）。 它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的 XHTML（或者HTML）文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。
由于 Markdown 的轻量化、易读易写特性，并且对于图片，图表、数学式都有支持，许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。如 GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等，甚至还能被使用来撰写电子书。

基础Markdown语法

标题如何写？

标题不仅是我们写文章的中心体现，在Markdown中使用[TOC]关键字还可以自动根据标题顺序生成目录，非常便捷。

标题有两种写法
1：在想要生成标题的行下书写至少一个以上的等号或减号，分别对应一级标题与二级标题，如：
一级标题    二级标题
=======    -------
2：使用"#"号，每有一个井号代表标题级数加一，级数限制为6，当然，目录次序也会随级数增大而自动缩进，快去试试吧。

倾斜、加粗、高亮文本

Markdown对文字的标记如下所示：

    对文本进行倾斜、加粗、粗斜体文字依靠*号或_下划线；
	
    写法：将想要操作的文字夹在*号或_之间，如*我被倾斜了*
	
    将文本倾斜有两种写法:两个单星号或两个单下划线，将文字添加到这两个单星号之间即可。如:*斜体*
	
    将文本加粗同上方写法一样，只不过将单个星号或单下划线换成了左右双星号。

    粗斜体便是三个上方所述。

高亮文字：

==高亮文字包含在两个等号之间即可==

分割、删除、下划线

分割线：

1：连续的三个以上的*号即可
2：星号与空格间隔书写，如：* * *
3：减号与空格间隔书写，如：- - -

删除线：

~~将删除线上的文字包含在两个波浪号之间即可~~

下划线：

<u>下划线上的文字包含在U标签里即可</u>

列表、区块、表格

无序列表

三种写法，仅左侧单星、单加号、单减号＋空格＋文字即可

格式如下所示：
* 无序列表
+ 无序列表
- 无序列表

有序列表

使用1.加空格即可，不同的markdown编辑器对有序列表的反应处理不同，这里我们简单理解为自己使用序号标注即可(但是可以*与无序列表嵌套)。

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

区块

有时候我们也可使用区块表示层级效果，区块效果：

区块引用

二级区块(嵌套)

三级区块(嵌套)

三级区块(非嵌套)

书写格式:

使用右箭头，每增加一个右箭头递进关系就增加一层，上方效果的书写格式:

>区块引用
>>二级区块(嵌套)
>>>三级区块(嵌套)

>>>三级区块(非嵌套)

无序列表、有序列表、区块可以*嵌套，快去试试吧。

表格

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

语法格式如下：

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

我们可以在分割行中设置表格的对齐方式：

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

格式如下:

| head | head2| head3|
| :------|:-------:| -------:|
| tab | tab2| tab3|
| tab | tab | tab3|

链接、脚注

文章内链接

效果：跳转至文章末尾
跳转至文章末尾

跳转回来了

格式：

[jump](#1)
<span id="1">文本内容</span>

跳转链接

Markdown中链接类型的通用书写格式:[链接名称](链接地址)
效果：
this is a link

这是一个链接cnblogs

https://www.cnblogs.com
书写格式：

this is a [link](https://www.cnblogs.com)

这是一个链接[cnblogs](https://www.cnblogs.com)

<https://www.cnblogs.com>

使用变量控制链接地址

我们可以通过变量来设置一个链接，变量赋值在文档末尾进行：
效果如下：
这个链接用变量1作为网址变量 Google
这个链接用myblogs作为网址变量 myblogs
然后在文档的结尾为变量赋值（网址）

格式：

这个链接用变量1作为网址变量 [Google][1]
这个链接用myblogs作为网址变量 [myblogs][myblogs]
然后在文档的结尾为变量赋值（网址）

  [1]: http://www.google.com/
  [myblogs]: https://cnblogs.com/lele0120

脚注

脚注的作用不多叙述，我们来看看效果：
创建一个脚注[1]

上方效果的书写格式：

创建一个脚注[^jiaozhu]
[^jiaozhu]:这是一个脚注

插入图片、视频

插入图片

在Markdown中插入图片有两种方式，一种是markdown的![alt 属性文本](图片地址 "可选标题")，另一种方式是使用css的img标签

书写格式：

1.开头一个感叹号 !
2.接着一个方括号，里面放上图片的替代文字，当图片加载不出来时显示的替代内容。
3.接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的 'title' 属性的文字。这个文字是当你鼠标移动至图片上时对图片的解释。

css标签：
<img src="https://xxx.png" width="50%">

效果：
原神

插入视频

使用video标签:

<video   controls="controls" autoplay="autoplay">
    <source src="链接可以为本地或网上的地址.mp4"  width="50%">
</video>

转义符、图标元素

转义符

如同大多数编程语言一样，我们可以使用\对目标关键字进行转义。

图标元素

不在 Markdown 涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写。
例如：
使用 Ctrl+Alt+Del 重启电脑

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

为什么写下这篇文章

作为本人的初篇随笔，再三思考下还是决定先写初这篇文章；虽然Markdown在学校时经常使用，但是这一年来不怎么用，便是有些生疏了，写下这篇文章正好复习复习以给写博客打下基础。

跳转至文章末尾了
点击跳转回去

  1. 这是一个脚注 ↩︎

相关文章