Typora基础Markdown语法

块元素

段落和换行符

一段只是一个或多个连续的文本行。在markdown源代码中,段落由两个或多个空行分隔。在Typora中,您只需要一个空白行(按Return一次)即可创建新段落。

Shift+ Return创建单个换行符。大多数其他Markdown解析器将忽略单个换行符,因此为了使其他Markdown解析器识别您的换行符,您可以在行尾保留两个空格,或插入

标头

标头#在行的开头使用1-6个hash()字符,对应于标头级别1-6。例如:

# This is an H1

## This is an H2

###### This is an H6

在Typora中,输入“#”,然后输入标题内容,然后Return按键将创建标题。

块引用

Markdown使用电子邮件样式>字符进行块引用。它们表示为:

> This is a blockquote with two paragraphs. This is first paragraph.
>
> This is second pragraph. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.



> This is another blockquote with one paragraph. There is three empty line to seperate two blockquote.

在Typora中,输入“>”后跟您的报价内容将生成一个报价块。Typora将为您插入适当的'>'或换行符。嵌套的块引号(另一块引号内的块引号)通过添加其他级别的“>”来实现。

列表

输入* list item 1将创建一个无序列表-该*符号可以替换为+-

输入1. list item 1将创建一个有序列表-其降价源代码如下:

## un-ordered list
*   Red
*   Green
*   Blue

## ordered list
1.  Red
2.  Green
3.  Blue

任务列表

任务列表是带有标记为[]或[x](不完整或完整)的项目的列表。例如:

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

您可以通过单击项目前面的复选框来更改完成/未完成状态。

(有栅栏的)代码块

Typora仅在GitHub Flavored Markdown中支持围栏。不支持markdown中的原始代码块。

使用围栏很容易:输入并按`return`。在之后添加可选的语言标识符,我们将通过语法高亮显示它:

Here's an example:

​```
function test() {
  console.log("notice the blank line before this function?");
}
​```

syntax highlighting:
​```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
​```

数学块

您可以使用MathJax渲染LaTeX数学表达式。

要添加数学表达式,请输入$$并按“ Return”键。这将触发一个接受Tex / LaTex源的输入字段。例如:

V1个× V2= ∣∣∣∣∣一世∂X∂ü∂X∂vĴ∂ÿ∂ü∂ÿ∂vķ00∣∣∣∣∣V1个×V2=|一世Ĵķ∂X∂ü∂ÿ∂ü0∂X∂v∂ÿ∂v0|

在markdown源文件中,math块是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}
$$

您可以在此处找到更多详细信息。

表格

输入| First Header | Second Header |return按键。这将创建一个包含两列的表。

创建表后,将焦点放在该表上将打开该表的工具栏,您可以在其中调整大小,对齐或删除该表。您还可以使用上下文菜单复制和添加/删除单个列/行。

表的完整语法如下所述,但由于Typora自动生成了表的降价源代码,因此无需详细了解完整的语法。

在markdown源代码中,它们看起来像:

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

您还可以在表中包括内联Markdown,例如链接,粗体,斜体或删除线。

最后,通过:在标题行中包含冒号(),可以将该列中的文本定义为左对齐,右对齐或居中对齐:

| Left-Aligned  | Center Aligned  | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is      | some wordy text | $1600 |
| col 2 is      | centered        |   $12 |
| zebra stripes | are neat        |    $1 |

最左侧的冒号表示左对齐的列;最右边的冒号表示右对齐的列;两侧的冒号表示中心对齐的列。

脚注

You can create footnotes like this[^footnote].

[^footnote]: Here is the *text* of the **footnote**.

将产生:

您可以像这样创建脚注1

将鼠标悬停在“脚注”上标上可以查看脚注的内容。

水平尺

在空白行上输入***---,然后按return将绘制一条水平线。


YAML首要事项

Typora现在支持YAML Front Matter---在文章顶部输入,然后按Return引入一个元数据块。或者,您可以从Typora的顶部菜单插入元数据块。

目录(TOC)

输入[toc]Return按键。这将创建“目录”部分。TOC会从文档中提取所有标题,并且当您添加到文档时,其内容会自动更新。

跨度元素

键入后立即将解析并呈现Span元素。将光标移动到那些span元素的中间会将这些元素扩展为markdown源。以下是每个span元素的语法说明。

链接

Markdown支持两种样式的链接:内联和引用。

在这两种样式中,链接文本均由[方括号]分隔。

要创建内联链接,请在链接文本的右方括号后立即使用一组常规括号。在括号内,将URL指向链接要指向的位置,以及链接的可选标题,并用引号引起来。例如:

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

将产生:

这是一个示例内联链接。(This is [](http://example.com/))

该链接没有标题属性。([This link](http://example.net/) has no

内部连结

您可以将href设置为headers,这将创建一个书签,允许您单击后跳至该部分。例如:

Command(在Windows中:Ctrl)+单击。此链接将跳至标题Block Elements。若要查看如何编写,请移动光标或单击该链接并同时按键以将元素扩展为markdown源。

参考链接

参考样式链接使用第二组方括号,在其中放置您选择的标签以标识链接:

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"

在Typora中,它们的渲染方式如下:

这是参考样式链接的示例

隐式链接名称快捷方式允许您省略链接的名称,在这种情况下,链接文本本身用作名称。只需使用一组空的方括号-例如,将单词“ Google”链接到google.com网站,您可以简单地编写:

[Google][]
And then define the link:

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

在Typora中,单击链接会将其展开以进行编辑,而Command +单击将在您的Web浏览器中打开超链接。

网址

Typora允许您插入URL作为链接,并用<方括号括起来>

``成为i@typora.io

Typora还将自动链接标准URL。例如:www.google.com

图片

图像的语法与链接相似,但是!在链接开始之前需要额外的字符。插入图像的语法如下所示:

![Alt text](/path/to/img.jpg)

![Alt text](/path/to/img.jpg "Optional title")

您可以使用拖放操作从图像文件或Web浏览器插入图像。您可以通过单击图像来修改markdown源代码。如果通过拖放添加的图像与当前正在编辑的文档位于同一目录或子目录中,则将使用相对路径。

如果您使用markdown构建网站,则可以使用typora-root-urlYAML Front Matters中的属性为本地计算机上的图像预览指定URL前缀。例如,typora-root-url:/User/Abner/Website/typora.io/在“ YAML重要事项”中输入,然`将被视为“ ``Typora”中的输入。

重点

Markdown将星号(*)和下划线(_)视为重点指示。用*_包裹的文本将带有HTML ``标记。例如:

*single asterisks*

_single underscores_

输出:

单星号

单下划线

GFM将忽略在代码和名称中常用的单词下划线,如下所示:

wow_great_stuff

do_this_and_do_that_and_another_thing。

要在原本会用作强调定界符的位置产生文字星号或下划线,可以反斜杠对其进行转义:

\*this text is surrounded by literal asterisks\*

Typora建议使用该*符号。

强大

如果使用double *_会导致其包含的内容被HTML ``标签包裹,例如:

**double asterisks**

__double underscores__

输出:

双星号

双下划线

Typora建议使用该**符号。

要指示代码的内联范围,请用反引号引起来(`)。与预格式化的代码块不同,代码跨度指示正常段落中的代码。例如:

Use the `printf()` function.

将产生:

使用printf()功能。

删除线

GFM添加了语法来创建删除线文本,这是标准Markdown所缺少的。

~~Mistaken text.~~ 变成 错误的文字。

下划线

下划线由原始HTML提供支持。

Underline成为下划线。

表情符号:happy:

使用语法输入表情符号:smile:

用户可以通过ESC按键触发表情符号的自动完成建议,也可以在首选项面板上启用它后自动触发。此外,还可以通过转到菜单栏中的Edit-> 来直接输入UTF-8表情符号字符Emoji & Symbols

内联数学

要使用此功能,请首先在Preference面板-> Markdown选项卡中启用它。然后,用于$包装TeX命令。例如:$\lim_{x \to \infty} \exp(-x) = 0$将渲染为LaTeX命令。

要触发嵌入式数学的嵌入式预览:输入“ $”,然后ESC按键,然后输入TeX命令。

您可以在此处找到更多详细信息。

下标

要使用此功能,请首先在Preference面板-> Markdown选项卡中启用它。然后,用于~包装下标内容。例如:H~2~OX~long\ text~/

上标

要使用此功能,请首先在Preference面板-> Markdown选项卡中启用它。然后,用于^包装上标内容。例如:X^2^

突出

要使用此功能,请首先在Preference面板-> Markdown选项卡中启用它。然后,用于==包装突出显示的内容。例如:==highlight==

的HTML

您可以使用HTML来设置纯Markdown不支持的内容的样式。例如,用于this text is red添加红色文本。

嵌入内容

一些网站提供基于iframe的嵌入代码,您也可以将其粘贴到Typora中。例如:

<iframe height='265' scrolling='no' title='Fancy Animated SVG Menu' src='http://codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'></iframe>

视频

您可以使用``HTML标签嵌入视频。例如:

<video src="xxx.mp4" />
<iframe src="//player.bilibili.com/player.html?aid=59103505&cid=103016952&page=1" scrolling="no" border="0" width="100%" height="500px" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

您可以在此处找到更多详细信息。

  1. 这里是文本的的注脚

托管在Github上

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335