Markdown学习

  • ​​一、Markdown的介绍​​
  • ​​二、段落及强调​​
  • ​​三、标题​​
  • ​​3.1 Setext 形式标题(我不是很喜欢)​​
  • ​​标题1​​
  • ​​标题2​​
  • ​​3.2 Atx 形式标题(极力推荐)​​
  • ​​标题1​​
  • ​​标题2​​
  • ​​标题4​​
  • ​​标题6​​
  • ​​四、链接​​
  • ​​五、图片​​
  • ​​六、列表​​
  • ​​6.1 无序列表​​
  • ​​6.2 有序列表​​
  • ​​6.3 Markdown 的转义​​
  • ​​6.4 任务列表​​
  • ​​七、分割线及引用​​
  • ​​7.1 分割线​​
  • ​​7.2 引用​​
  • ​​程序员的三种美德​​
  • ​​八、代码块​​
  • ​​8.1 行内代码​​
  • ​​8.2 缩进显示代码​​
  • ​​8.3 高亮显示代码段​​
  • ​​8.4 Diff 语法​​
  • ​​九、表格​​
  • ​​十、附​​
  • ​​10.1 文章目录​​
  • ​​10.2 高亮​​
  • ​​10.3 Latex语法​​
  • ​​10.4 思维导图​​

一、Markdown的介绍

是轻量级的标记语言
(反正写笔记超级好用)
Typore强力推荐(不过好像要收费了)

二、段落及强调

*xax*   //斜体
_xax_ //斜体

**yay** //加粗
__yay__ //加粗

~~删除线~~ //删除线

效果:
xax
xax

yay
yay

删除线

三、标题

3.1 Setext 形式标题(我不是很喜欢)

标题1
=

标题2
-

标题1

标题2

3.2 Atx 形式标题(极力推荐)

# 标题1

## 标题2

#### 标题4

###### 标题6

标题1

标题2

标题4
标题6

最多支持6级标题,一般4级就是极限,尽量3级就好

四、链接

形式1:
[]()
[]:放标识文字
():放链接
[百度](www.baidu.com)

形式2
I get 10 times more traffic from [Google][1] than from [Yahoo][2] or [MSN][3].
//必须换行
[1]: http://google.com/ "Google"
[2]: http://search.yahoo.com/ "Yahoo Search"
[3]: http://search.msn.com/ "MSN Search"

​百度​

I get 10 times more traffic from ​​Google​​​ than from ​​Yahoo​​​ or ​​MSN​​.

五、图片

形式1:
![]()
![Alt text](/path/to/img.jpg "Optional title")

![keyboards](https://s2.51cto.com/images/blog/202212/12154308_6396db8c7d82254738.jpg?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk= "好好学习")

形式2:
![Alt text][id]
[id]: url/to/image "Optional title attribute"

![Git 课程][git]
//这里必须换行
[git]: https://s2.51cto.com/images/blog/202212/12154308_6396db8c7d82254738.jpg?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=

Markdown学习(入门级)_Markdown


Markdown学习(入门级)_标题栏_02


Markdown 还没有办法指定图片的宽高,如果需要的话,可以使用 HTML 中的 标签

<img src="https://s2.51cto.com/images/blog/202212/12154308_6396db8c7d82254738.jpg?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=" width="300px" height="200px" alt="好好学习">


Markdown学习(入门级)_标题栏_03

六、列表

6.1 无序列表

//+ * - 效果一样,无序列表
* 香蕉
* 苹果
* 桃子

+ 香蕉
+ 苹果
+ 桃子

- 香蕉
- 苹果
- 桃子
  • 香蕉
  • 苹果
  • 桃子
  • 香蕉
  • 苹果
  • 桃子
  • 香蕉
  • 苹果
  • 桃子

6.2 有序列表

1. 苹果
2. 香蕉
3. 桃子

1987\. 美嘉尔 //可以避免
  1. 苹果
  2. 香蕉
  3. 桃子
    1987. 美嘉尔

6.3 Markdown 的转义

Markdown 支持在下面这些符号前面加上反斜杠来转移,以便在 Markdown 中插入普通的符号:

\   反斜杠
` 反引号
* 星号
_ 下划线
{} 大括号 / 花括号
[] 中括号 / 方括号
() 小括号 / 括号
# 井号
+ 加号
- 减号
. 英文句号
! 感叹号

可以进行嵌套

1. 第一天
* 起床
* 吃饭
* 工作
- 看邮件
- 写代码
// A code block
打开 CODE CHINA

![电脑](https://s2.51cto.com/images/blog/202212/12154308_6396db8cb5e5219734.jpg?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=)

var x =1000;

- 测试
- 发布
* 睡觉
2. 第二天
3. 第三天
  1. 第一天
  • 起床
  • 吃饭
  • 工作
  • 看邮件
  • 写代码
    // A code block
    打开 CODE CHINA
var x =1000;
  • 测试
  • 发布
  • 睡觉
  1. 第二天
  2. 第三天

CSDN上可能效果不好

Markdown学习(入门级)_标题栏_04

6.4 任务列表

- [x] 起床
- [x] 吃饭
- [ ] 工作
- [ ] 睡觉




// 嵌套
- [x] 起床
- [ ] 吃饭
- [x] 煮鸡蛋
- [ ] 烤面包
- [ ] 热牛奶
1. [X] 工作
1. [x] 看邮件
2. [x] 写代码
3. [ ] 发布
2. [ ] 睡觉

  • 吃饭



  1. 工作




七、分割线及引用

7.1 分割线

***
---
____



7.2 引用

> Perl语言的发明人Larry Wall说,好的程序员有3种美德: 懒惰、急躁和傲慢(Laziness, Impatience and hubris)。
>
> > 程序员有三种美德:懒惰,急躁和傲慢。 —— **Larry Wall**
>
> 懒惰,会使得你花大力气去避免消耗过多的精力。它敦促你写出节省体力的程序,同时别人也能利用它们。为此你会写出完善的文档,以免别人问你太多问题。
急躁,当你发现计算机懒洋洋地不给出结果。于是你写出更优秀的代码,能尽快真正的解决问题。至少看上去是这样。
傲慢,极度的自信,使你有信心写出(或维护)别人挑不出毛病的程序。
>

> ## 程序员的三种美德
>
> 1. 懒惰
> 2. 急躁
> 3. 傲慢
>
> 下面是代码的示例:
>
> return shell_exec("echo $input | $markdown_script");

Perl语言的发明人Larry Wall说,好的程序员有3种美德: 懒惰、急躁和傲慢(Laziness, Impatience and hubris)。

程序员有三种美德:懒惰,急躁和傲慢。 —— Larry Wall

懒惰,会使得你花大力气去避免消耗过多的精力。它敦促你写出节省体力的程序,同时别人也能利用它们。为此你会写出完善的文档,以免别人问你太多问题。
急躁,当你发现计算机懒洋洋地不给出结果。于是你写出更优秀的代码,能尽快真正的解决问题。至少看上去是这样。
傲慢,极度的自信,使你有信心写出(或维护)别人挑不出毛病的程序。

程序员的三种美德

  1. 懒惰
  2. 急躁
  3. 傲慢

下面是代码的示例:

return shell_exec("echo $input | $markdown_script");

八、代码块

8.1 行内代码

形式:``
`asdasd`

​asdasd​

8.2 缩进显示代码

要在 Markdown 中创建代码块也很简单,只要简单地缩进 4 个空白或是 1 个 tab 就可以,例如,下面的输入:
这是一个普通的段落:
This is a code block.
点击查看 Markdown 中的转换效果

这是一个普通的段落:

This is a code block.

这个每行一级的缩排(4 个空白或是 1 个 tab),都会被移除,例如:
这里是一段示例代码:
tell application “Foo”
beep
end tell
点击查看 Markdown 中的转换效果

这里是一段示例代码:

tell application "Foo"
beep
end tell

一个代码块会一直持续到没有缩排的那一行(或是文档结尾)。
在代码块里面, & 、 < 和 > 会自动转成 HTML 实体,这样的方式让你非常容易使用 Markdown 插入 HTML 的原始示例代码,例如:


© 2004 Foo Corporation

点击查看 Markdown 中的转换效果

<div >
© 2004 Foo Corporation
</div>

8.3 高亮显示代码段

在```后面加上语言类型即可

8.4 Diff 语法

var foo = 'bar'; + var x = 200; * var x = 100;

九、表格

  1. 第一行包含表头,并用"竖线"( | )分隔
  2. 第二行将标题与单元格分开,并且必须包含三个或更多破折号
  3. 第三行以及随后的任何行均包含单元格值

需要注意的是:

  • 不能在 Markdown 中将单元格分隔成多行,它们必须保持为单行,如果需要,还可以使用 HTML
    标记对内容进行强制换行
  • 第二行单元长短与标题不需要保持一致,但必须用竖线(|)分隔
  • 可以有空白的单元格
| header 1 | header 2 | header 3 |
| --- | ------ |---------:|
| cell 1 | cell 2 | cell 3 |
| cell 4 | cell 5 is longer | cell 6 is much longer than the others, but that's ok. It will eventually wrap the text when the cell is too large for the display size. |
| cell 7 | | cell <br> 9 |

header 1

header 2

header 3

cell 1

cell 2

cell 3

cell 4

cell 5 is longer

cell 6 is much longer than the others, but that’s ok. It will eventually wrap the text when the cell is too large for the display size.

cell 7

cell

9

另外,你可以通过添加冒号(:),指定每一列的文本对齐方式,比如:

| header 1 | header 2 | header 3 |
|:-------- | :------: | --------:|
| left-aligned 文本居左 | centered 文本居中 | right-aligned 文本居右 |
| `:---` 左侧冒号表示**内容和标题栏**居左对齐 | `:--:` 两端都有冒号表示**内容和标题栏**居中对齐 | `---:` 右侧冒号表示**内容和标题栏**居右对齐 |

header 1

header 2

header 3

left-aligned 文本居左

centered 文本居中

right-aligned 文本居右

​:---​​ 左侧冒号表示内容和标题栏居左对齐

​:--:​​ 两端都有冒号表示内容和标题栏居中对齐

​---:​​ 右侧冒号表示内容和标题栏居右对齐

十、附

10.1 文章目录

@[TOC](目录标题亦可以不填)

Markdown学习(入门级)_markdown_05

10.2 高亮

==xixixi==

xixixi

10.3 Latex语法

​​最全 Markdown + Latex 编写技巧​​​​新技能:Markdown中使用LaTeX​​

10.4 思维导图

```mermaid
graph TD
A(工业用地效率)-->B1(土地利用强度)
A-->B2(土地经济效益)
B1-->C1(容积率)
B1-->C2(建筑系数)
B1-->C3(亩均固定资本投入)
B2-->D1(亩均工业产值)
B2-->D2(亩均税收)
```









工业用地效率

土地利用强度

土地经济效益

容积率

建筑系数

亩均固定资本投入

亩均工业产值

亩均税收


```mermaid
graph LR
KaTex--> A(标记 Accents)
A-->撇,估计,均值,向量等写于符号上下的标记
KaTex--> 分隔符_Delimiters
分隔符_Delimiters-->小中大括号,竖杠,绝对值等分隔符的反斜杠写法
KaTex--> 公式组_Enviroments
公式组_Enviroments-->B(.....)
KaTex-->C(...)
```









KaTex

标记 Accents

撇,估计,均值,向量等写于符号上下的标记

分隔符_Delimiters

小中大括号,竖杠,绝对值等分隔符的反斜杠写法

公式组_Enviroments

.....

...