Markdown学习（入门级）

周末不下雨

已于 2023-01-07 17:12:47 修改

阅读量867

点赞数 2

分类专栏： # CS技能树笔记文章标签： markdown

于 2022-02-11 23:12:39 首次发布

本文链接：https://blog.csdn.net/m0_52592798/article/details/122887724

版权

CS技能树笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一、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://img-blog.csdnimg.cn/20210112151738537.jpg "好好学习")

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

![Git 课程][git]
//这里必须换行
[git]: https://img-blog.csdnimg.cn/20210112151738537.jpg

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200822014538211.png#pic_center =300x200)
居中

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200822014538211.png#pic_center =300x200)
#pic_center是居中
空格+=300x200是自定义

在这里插入图片描述
keyboards
Git 课程

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

<img src="https://img-blog.csdnimg.cn/20210112151738537.jpg" width="300px" height="200px" alt="好好学习">

六、列表

6.1 无序列表

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

+   香蕉
+   苹果
+   桃子

-   香蕉
-   苹果
-   桃子

香蕉
苹果
桃子

香蕉
苹果
桃子

香蕉
苹果
桃子

6.2 有序列表

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

1987\. 美嘉尔  //可以避免

苹果
香蕉
桃子
1987. 美嘉尔

6.3 Markdown 的转义

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

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

可以进行嵌套

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

			![电脑](https://img-blog.csdnimg.cn/20210113112904841.jpeg)

					var x =1000;
			
		- 测试
		- 发布
	* 睡觉
2. 第二天
3. 第三天

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

CSDN上可能效果不好

在这里插入图片描述

6.4 任务列表

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

起床
吃饭
工作
睡觉

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

起床
吃饭
- 煮鸡蛋
- 烤面包
- 热牛奶

工作
1. 看邮件
2. 写代码
3. 发布
睡觉

七、分割线及引用

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

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

程序员的三种美德

懒惰
急躁
傲慢

下面是代码的示例:
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 的原始示例代码，例如：

点击查看 Markdown 中的转换效果

<div class="footer">
    &copy; 2004 Foo Corporation
</div>

8.3 高亮显示代码段

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

8.4 Diff 语法

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

九、表格

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

需要注意的是：

不能在 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](目录标题亦可以不填)

在这里插入图片描述

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(...)
	```