Markdown -

vscode远程粘贴图片

插件 Paste Image from local pc，项目地址：https://github.com/mushanshitiancai/vscode-paste-image

1  win: ctrl+alt+v
2  # 如需修改粘贴目录 "pasteImage.path": "images/${fileBasenameNoExtension}"

目录标题

直接输入1次#，并按下space后，将生成1级标题。输入2次#，并按下space后，将生成2级标题。以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

文本格式

强调文本 强调文本

加粗文本 加粗文本

==标记文本==

~~删除文本~~

引用文本

H2O 是液体。这是_下标文本

2^10^ 运算结果是 1024. 这是^上标文本

这是带下划线的文本

1<pre>
2中间的文本保留换行，回车等格式
3</pre>

链接与图片

链接: link.

图片: Alt

带尺寸的图片(HTML <img> 标签):30x30 只居中图片:

Alt

居中的图片且设置尺寸:

代码片

同样高亮的 代码片.

1// An highlighted block
2var foo = 'bar';

列表

可通过在一行或多行文本前面加上 -、* 或 + 来创建一个无序列表

项目
- 项目
  - 项目

要对列表排序，请在每行前面添加一个编号

项目1
项目2
项目3

First item
Second item
Third item
Fourth item

任务列表, 请在列表项前加连字符和空格，后接 [ ]。要将任务标记为完成，请使用 [x]

计划任务
完成任务

表情符号

你可以通过键入 :EMOJICODE:（冒号后跟表情符号的名称）将表情符号添加到写作中。

@octocat 👍 This PR looks great - it’s ready to merge! 😀

有关可用表情符号和代码的完整列表，请参阅 Emoji-Cheat-Sheet

脚注

Here is a simple footnote¹.

一个具有注脚的文本。²

锚点

TEST

00:
01:

TEST脚注

折叠块

展开表格

Field	Bits	Type	Description
C	31	rw	Carry

默认展开

Field	Bits	Type	Description
C	31	rw	Carry

表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

居中、居左、居右

使用:---------:居中使用:----------居左使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左
test	test	test

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	`'Isn't this fun?'`	‘Isn’t this fun?’
Quotes	`"Isn't this fun?"`	“Isn’t this fun?”
Dashes	`-- is en-dash, --- is em-dash`	– is en-dash, — is em-dash

自定义列表?

Markdown: Text-to-HTML conversion tool
Authors: John; Luke

plantuml

需要调整hugo主题支持

@startuml
Bob -> Alice : hello
@enduml

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 是通过欧拉积分

$$ \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt,. $$

你可以找到更多关于的信息 LaTeX 数学表达式here.

甘特图

gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 现有任务
        已完成               :done,    des1, 2014-01-06,2014-01-08
        进行中               :active,  des2, 2014-01-09, 3d
        计划一               :         des3, after des2, 5d
        计划二               :         des4, after des3, 5d

关于 甘特图 语法，参考这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：

sequenceDiagram
张三 ->> 李四: 你好！李四, 最近怎么样?
李四-->>王五: 你最近怎么样，王五？
李四--x 张三: 我很好，谢谢!
李四-x 王五: 我很好，谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?

这将产生一个流程图。:

graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D

关于 Mermaid 语法，参考这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图：

flowchart TD
    st([开始])
    op[我的操作]
    cond{确认？}
    e([结束])

    st --> op --> cond
    cond -- 是 --> e
    cond -- 否 --> op

关于 Flowchart流程图 语法，参考这儿.

注释

1 <!-- TO DO: add more details about me later -->

My reference. ↩︎
示例，注脚的解释 ↩︎

Markdown

目录