Alex
0%

MarkDown笔记

置顶 | 发表于 更新于 分类于
本文字数： 2.8k 阅读时长 ≈ 3 分钟

BOOK

导读

  • Markdown 是一种轻量级的标记语言，它的优点很多，易学，秒懂，快速。目前也被越来越多的写作爱好者，撰稿者广泛使用。Markdown 的语法十分简单。常用的标记符号也不超过十个，这种相对于更为复杂的 HTML 标记语言来说，Markdown 可谓是十分轻量的，学习成本非常低，熟悉这种语法规则，会有一劳永逸的效果。

标题

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

代码块

单行

1
`console.log()`

console.log() | console.dir()

多行

1
2
3
4
# '是Tab键上方的符号
'''JavaScript
     js code
'''
1
2
3
4
5
6
7
8
9
10
11
let data = ["a", "b", "c", "d"]
data.map((item, index)=>{
    console.log(item)
})
function(callback){
    callback(true)
}
let d = data.filter((item, index)=>{
    return item == "b"
})
console.log(d)

外部引入代码

  • 可使用line_begin=7 line_end= 10 引入指定行数的代码
1
@import "./js/test.js" {code_block=true, highlight=[2,3,4]}

水平分割线

1
---

列表

1
2
3
4
- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported
- [x] list syntax required (any unordered or ordered list supported)
- [x] this is a complete item
- [ ] this is an incomplete item
  • [x] @mentions, #refs, links, formatting, and tags supported
  • [x] list syntax required (any unordered or ordered list supported)
  • [x] this is a complete item
  • [ ] this is an incomplete item

有序列表

1
2
3
4
5
6
7
1. JavaScript
    1. console.log()
    2. console.dir()
2. Java
3. Python
4. C++
5. Golang
  1. JavaScript
    1. console.log()
    2. console.dir()
  2. Java
  3. Python
  4. C++
  5. Golang

无序列表1

1
2
3
- **人民币**
- 美元
- 津巴布韦币
  • 人民币
  • 美元
  • 津巴布韦币

无序列表2

1
2
3
* **汉语**
* 英语
* 日语
  • 汉语
  • 英语
  • 日语

字体

1
2
3
4
5
6
7
*斜体*
**加粗**
***加粗斜体***

**粗体**
__粗体__
~~删除~~

斜体
加粗
加粗斜体

粗体
粗体
删除

注解

1
2
3
4
5
注解 [^1]
注解 [^2]

[^1]: Hi! This is a footnote
[^2]: Hi! This is a footnote

注解 [1]
注解 [2]

表格

  • 左对齐 :—
  • 右对齐 —:
  • 居中 :—:
1
2
3
4
|序号|后缀|
|:---:|:---|
|1|.md|
|2|.mdwn|
序号 后缀
1 .md
2 .mdwn

样例1

1
2
3
4
|语言|框架|
|:---:|:---|
|JavaScript|1. React<br/>2. Vue|
|Spring|1. Spirng MVC<br/>2. Spring<br/>3. Spring Boot<br/>4. Spring Cloud|
语言 框架
JavaScript 1. React
2. Vue
Spring 1. Spirng MVC
2. Spring
3. Spring Boot
4. Spring Cloud

样例2

1
2
3
4
5
|序号|人物|
|:---:|:---:|
|1|雏田|
|2|纲手|
|3||
序号 人物
1 雏田
2 纲手
3

样例3

1
2
3
4
First Header | Second Header
------------ | -------------
Content from cell 1 | Content from cell 2
Content in the first column | Content in the second column
First Header Second Header
Content from cell 1 Content from cell 2
Content in the first column Content in the second column

Emoji

1
2
3
我和小朋友们都笑了 :smile:
:hankey: :sunny: :wolf: :snail: :cat: :cat2:
:black_circle: :white_circle:

我和小朋友们都笑了 😄
💩 ☀️ 🐺 🐌 🐱 🐈
⚫️ ⚪️

更多Emoji

数学公式

1
$ f(x) = sin(x) + 13 $

$ f(x) = sin(x) + 13 $

1
2
3
4
5
6
7
$$
    u(x) = 
    \begin{cases}
    \exp{x} & \text{if} x \geq 0 \\
    1       & \text{if} x < 0
    \end{cases}
$$

$$
u(x) =
\begin{cases}
\exp{x} & \text{if} x \geq 0 \
1 & \text{if} x < 0
\end{cases}
$$

引用

1
>这话我还真说过-----鲁迅

这话我还真说过-----鲁迅

超链接

1
2
3
[谷歌](http://www.google.com)
[必应](http://www.bing.com)
[百度](http://www.baidu.com)

谷歌
必应
百度

图片

1
![雏田](https://tse3-mm.cn.bing.net/th/id/OIP.DVdRMrLIKXVSon0CAvVPUAHaFj?pid=Api&rs=1)

雏田

上标

1
2^32^

232

下标

1
H~2~O

H2O

标记

1
==marked==

==marked==

  1. Hi! This is a footnote ↩︎

  2. Hi! This is a footnote ↩︎