Markdown深入使用

· ☕ 2 分钟 · 👻 Victor
🏷️
  • #markdown
  • #Typora
  • 👱‍♀介绍一些markdown中比较实用的一些写作方法。

    任务列表✍

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

    上面的代码如下:

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

    数学公式📐

    使用MathJax渲染LaTeX数学表达式。💡
    $$
    \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}
    $$
    上面的代码如下:

    1
    2
    3
    4
    5
    6
    7
    
    $$
    \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}
    $$
    

    $$
    \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*}
    $$

    上面代码如下:

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    
    $$
    \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*}
    $$
    

    脚注👣

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

    1
    2
    
    [^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.]

    水平线〰

    🌟在空行输入***---,如下:


    YMAL首要事项🤔

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

    1
    2
    3
    4
    
    ---
    layout: post
    title: Blogging Like a Hacker
    ---
    

    目录📑

    输入[toc]并回车即可。

    内部链接🔗

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

    代码如下:

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

    参考链接📖

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

    1
    2
    3
    4
    5
    
    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/
    

    删除线❌

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

    高亮🔆

    ==highlight==,使用两个等号在两边进行包围,代码如下:

    1
    
    ==highlight==
    

    插入视频📹

    上面的代码即:

    1
    
    <video poster="https://i.loli.net/2020/02/29/S4oN2djFDZYiqAx.png" src="https://files.catbox.moe/bqrntc.flv" 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>
    

    插入音乐🎼

    上面的代码即:

    1
    
    <audio src="https://files.catbox.moe/wjiywu.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>
    

    更多:

    随机图片🌳

    网址:https://picsum.photos/1920/1080

    random

    分享

    redisread
    作者
    Victor
    Full Stack