嚎羸的博客

因为Hexo是静态博客,部署多有不便,建议查看我的语雀文档

0%

markdown语法

markdown语法,有着排版优良,语法简单,方便简洁的特点。

基于这种特点,基本已经成为程序员的标配。我认识的程序员绝大部分都在使用markdown语法进行笔记的书写,配合思维导图,简直是知识的储备利器。

下面我将进行markdown语法的介绍。


顺便说明

  • 因为博客没有开启数学公式的支持,所以一些数学公式是不支持的。

  • 高亮也是不支持的

  • 博客上其他的内容可能会有一些样式错乱

博客地址:https://howling.gitee.io/chat/Markdown语法


HTML+CSS

首先,markdown语法是支持html和css语法的,简单来说,你直接在markdown上直接编写即可,比如下面这段代码:

1
2
3
<div style="background:lightblue">
HTML语法直接编写
</div>

显示的效果如下:

HTML语法直接编写

标题

1
2
3
4
5
6
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

显示的效果如下:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

任务

1
2
- [ ] 任务一 未做任务
- [x] 任务二 已做任务

显示的效果如下:

  • 任务一 未做任务

  • 任务二 已做任务


粗体,斜体,粗斜体,删除线,下划线,高亮

1
2
3
4
5
6
**粗体**
*斜体*
***粗斜体***
~~删除线~~
++下划线++
==高亮==

显示的效果如下:

粗体
斜体
粗斜体
删除线
++下划线++
==高亮==


超链接

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

显示的效果如下:

百度


链接

1
<www.baidu.com>

<www.baidu.com>


图片

1
![图片](https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2534506313,1688529724&fm=26&gp=0.jpg)

显示的效果如下:

图片

图片的链接可以是本地路径,可以是网络图片链接


脚注

1
这就是沸羊羊的感觉[^1]

这就是沸羊羊的感觉^1

脚注在pdf下的效果是看不到的


列表

1
2
3
- 无序列表1
- 无序列表2
- 无序列表3
  • 无序列表1
  • 无序列表2
  • 无序列表3
1
2
3
1. 有序列表1
2. 有序列表2
3. 有序列表3
  1. 有序列表1
  2. 有序列表2
  3. 有序列表3

引用

1
2
3
4
5
6
7
> 引用
> > 引用中的引用
> > > 引用中的引用中的引用
> >
> > 引用中的引用
>
> 引用

引用

引用中的引用

引用中的引用中的引用

引用中的引用

引用


代码块

1
`行内样式代码块`

行内样式代码块

1
2
​``` Java
多行样式代码块
1
2
3
4
5

---

​``` Java
多行样式代码块

注意了,多行样式中的代码块

1
2
​``` 指定语言
多行样式代码块
1
2

上面的Java是一个例子,你完全可以替换成别的语言,比如bash,html,css等等

表格

1
2
3
4
5
| 表格头   | 表格头   | 表格头   |
| -------- | -------- | -------- |
| 表格内容 | 表格内容 | 表格内容 |
| 表格内容 | 表格内容 | 表格内容 |
| 表格内容 | 表格内容 | 表格内容 |
表格头 表格头 表格头
表格内容 表格内容 表格内容
表格内容 表格内容 表格内容
表格内容 表格内容 表格内容

分割线

1
---

注意,分割线要三个及以上的-


数学公式的支持

1
2
3
2^n^
H~2~o
$$ 整行公式 $$

2^n^

H2o

$$ 整行公式 $$


编辑器的选择

支持markdown的编辑器有很多,甚至还有网络上的,但是我要说的是typora

typora,所见即所得。唯一的缺点是没有云同步。

它也有很多快捷键来替代原本的markdown语法,比如:

  • ctrl+1/2/3/4/5/6,替代原本的123456级标题
  • ctrl+t:代替表格
  • ctrl+shift+i:代替图片
  • 图片可以直接进行复制过来而不用编写语法
  • 有很多的样式,也可以自己改动样式的css