Markdown进阶使用👱‍♀

2020-03-05 本文已影响0人 VictorHong

👱‍♀介绍一些markdown中比较实用的一些写作方法。

1. 任务列表✍

a task list item
list syntax required
normal formatting, @mentions, #1234 refs
incomplete
completed

上面的代码如下：

- [ ] a task list item
- [ ] list syntax required
- [ ] normal **formatting**, @mentions, #1234 refs
- [ ] incomplete
- [x] completed

2. 数学公式📐

使用MathJax渲染LaTeX数学表达式。💡

例子1：

$\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\\\ \frac{\partial X}{\partial u} &\frac{\partial Y}{\partial u} & 0 \\\\ \frac{\partial X}{\partial v} &\frac{\partial Y}{\partial v} & 0 \\\\ \end{vmatrix}$

上面代码如下：

$$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\\\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\\\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\\\
\end{vmatrix}
$$

例子2：
$\begin{align*} y = y(x,t) &= A e^{i\theta} \\\\ &= A (\cos \theta + i \sin \theta) \\\\ &= A (\cos(kx - \omega t) + i \sin(kx - \omega t)) \\\\ &= A\cos(kx - \omega t) + i A\sin(kx - \omega t)\\\\ &= A\cos \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big) + i A\sin \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big) \\\\ &= A\cos \frac{2\pi}{\lambda} (x - v t) + i A\sin \frac{2\pi}{\lambda} (x - v t) \end{align*}$

上面代码如下：

$$
\begin{align*}
y = y(x,t) &= A e^{i\theta} \\\\
&= A (\cos \theta + i \sin \theta) \\\\
&= A (\cos(kx - \omega t) + i \sin(kx - \omega t)) \\\\
&= A\cos(kx - \omega t) + i A\sin(kx - \omega t)  \\\\
&= A\cos \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big) + i A\sin \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big)  \\\\
&= A\cos \frac{2\pi}{\lambda} (x - v t) + i A\sin \frac{2\pi}{\lambda} (x - v t)
\end{align*}
$$

3. 脚注👣

如下是使用的代码，将鼠标悬停在“ fn1”或“ fn2”上标上可以查看脚注的内容。您可以将任何喜欢的唯一标识用作脚注标记（例如“ fn1”）。

[^fn1]: Here is the *text* of the first **footnote**.
[^fn2]: Here is the *text* of the second **footnote**

你也可以内嵌脚注，就像^[Here is the text of the first footnote.]

4. 水平线〰️

🌟在空行输入***或---，如下：

5. YMAL首要事项🤔

包含YAML前事块的文件将作为特殊文件进行处理，下面是一个例子

---
layout: post
title: Blogging Like a Hacker
---

6. 目录📑

输入[toc]并回车即可。

7. 内部链接🔗

这是一个跳转到任务列表的链接,this link ！

代码如下：

[this link](#任务列表✍)

8. 参考链接📖

参考链接使用两组方括号的格式，第一个是显示的文字，第二个括号内是查找的id，代码如下：

This is [an example][id] reference-style link.

Then, anywhere in the document, you define your link label on a line by itself like this:

[id]: http://example.com/  "Optional Title Here"

隐式链接，直接使用Google查阅：

[Google][]
And then define the link:

[Google]: http://google.com/

9. 删除线❌

删除~~Mistaken text.~~，代码为~~Mistaken text.~~

10. 高亮🔆

==highlight==，使用两个等号在两边进行包围，代码如下：(简书可能显示不出，有一些编辑器可以显示)

==highlight==

11. 插入视频📹

<video poster="视频封面地址" src="视频地址" style="max-height :100%; max-width: 100%; display: block; margin-left: auto; margin-right: auto;" controls="controls" loop="loop" preload="meta">Your browser does not support the video tag.</video>

12. 插入音乐🎼

<audio src="音乐地址.mp3" style="max-height :100%; max-width: 100%; display: block; margin-left: auto; margin-right: auto;" controls="controls" loop="loop" preload="meta">Your browser does not support the audio tag.</audio>

谢谢

Iron