Markdown 奇淫技巧

Markdown 是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。经常的，我们使用 Markdown 来写笔记，常用的语法我们就不说了，网上一搜一大把。自己写笔记，博客啥的时候多用了几遍也就会了。

我们今天要聊的是关于 Markdown 的一些“奇淫技巧”——那些我们不是经常使用，但用起来又能够给我们写的笔记，博客增添不少色彩的技巧。

---

图片大小

很多时候，我们插入的一些图片尺寸不大时，他看起来会有点别扭

<img src="./xxx.png" width = "300" height = "200" alt="图片名称"  />

直接使用 img 标签就行了

使用 Emoji

为了让我们的文字显得更为的生动有趣，GitHub 实现了对标准 Markdown 标记之外的扩展。

实例代码 ：

我要是，有技术。:angry:

实例效果 ：

我要是，有技术。😠

更多可用 Emoji 代码可参见 https://www.webpagefx.com/tools/emoji-cheat-sheet/。

行首缩进

直接在 Markdown 里用空格和 Tab 键缩进在渲染后会被忽略，这时候我们可以考虑 HTML 转义字符， 代表半角空格， 代表全角空格。

  我要是，有技术

效果 :

  我要是，有技术

任务列表

我们经常使用有序列表和无序列表，但是当我们遇到要列出一些清单的场景时，我们可以考虑使用任务列表。

示例代码 ：

**今日安排 :**

- [x] 吃早点
- [ ] 上班
- [x] 摸鱼
- [ ] coding
- [x] 睡觉

效果 ：

今日安排 :

• [x] 吃早点
• [ ] 上班
• [x] 摸鱼
• [ ] coding
• [x] 睡觉

目录索引

之前使用 Markdown 一直不知道这个用法，后来是在掘金上看到 jsliang 的文章,有着目录索引，点击即可调转到对应的章节，这无疑给阅读者带来了一定方便。

于是乎想着自己也实现一下，发现方法其实很简单。

目录生成，只要文章是按照markdown语法写作的。在需要生成目录的地方写 [TOC]，如我们需要在下面生成目录

示例代码

[TOC]

效果

[TOC]

设置组块折叠

实现方法 ：

<details>
<summary> 请点击我</summary>

我是被隐藏的文字

看不同平台，不一定能正常换行、使用 MarkDown 语法。
</details>

请点击我

我是被隐藏的文字

发现用 Typora 写的时候有一点兼容问题，但是 vscode （要装对应插件）显示正常，放到 github 也是正常的。

显示红绿对比的 diff

啥是红绿对比的 diff ，看下面 ：

- 研表究明，汉字的顺序并不一定能影响阅读
+ 研表究明，汉字的序顺并不定一能影阅响读

如何在 Markdown 实现呢，很简单

​```diff

- 减号后是原来的字符。
+ 加号后是改后的字符。

​```