Markdown 语法 with Typora

Markdown 是Daring Fireball 先生创建的,原始使用规范在这里 ,但是在不同的语法分析器和编辑器中,具体用法会有差别。Typora 使用的是Github Flavored Markdown

概述

block Elements

Paragraph and line breaks段落和换行

一个段落是一行或者多行文本组成,在markdown源代码中,段落是由一个以上的空白行分开。在 Pypora 中,你只需要按 Return 就可以新建一个段落。

Shift + Return 就可以新建一个空白换行。但是,大多数markdown解释器会忽视这种空白换行,你可以行尾按两次空白键实现换行,或者键入 <br/>

Headers标题

标题使用 # 个数来表示相关标题的级数。

# This is an H1

## This is an H2

### This is an H6

Blockquotes 代码块

Markdown uses email-style > characters for block quoting. They are presented as:

> This is a block quote with two paragraphs. This is first paragraph.
> 
> this is second pragragh.Vestibulum enim wisi, viverra nec, fringlilla in, laoreet vitae, risus.

Lists列表

输入 *list item 1 可以新建一个无序的列表,* 可以用 -+

输入 1. list item 1 可以新建一个无序的列表。

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

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

Task List 任务列表

任务列表是可以用[ ] or [X] 标记的列表。

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

(Fenced)Code Blocks 代码块

这是 Typora 只支持栅栏代码块,输入 ``` 然后按 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
```

Math Blocks 公式块

使用MathJax (一个跨浏览器的JavaScript库) 渲染 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}
在markdown 源文件中,公式块的LaTeX 表达式包在 ‘$$’ mark:

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

Tables 表格

输入 |��� First Header� | Second Header |�return 键,会新建一个两栏的表格。

Footnotes 注脚

You can create footnotes like this[^footnote]
[^footnote]: here is the *text* of the **footnote**

效果:

You can create footnotes like this[1] .

鼠标移动到注脚的位子是,会显示:![](/Users/c137rick/Documents/Typora/屏幕快照 2018-10-31 上午6.06.41.png)

Horizontal Rules 水平线规则

输入 *** 或者 --- 在空白行按 Return 可以画一条水平线。

Yaml Front Matter

Typora 支持 YAML 了,在文章的顶部输入 --- 然后 return

Table of Contents(TOC)

输入 [toc] return 会显示文章目录,会自动跟新,本文目录。

Diagrams 示意图

Typora 支持 sequence, flowchartmermaid

更多细节参考 document

Span Elements

Span Elements 可以在输入立即解析渲染元素。在这渲染后的元素中间移动光标会将这些元素扩展为markdown源,以下将解释这些Span Elements的语法。

Links 链接

Markdown 支持两种链接:内链接和引用。

在两种方式中,链接的文本用中括号[]括住。:smile:

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

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

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

This is an example inline link.
This link has no title attribute.

斜体、加粗、下划线和中线

斜体

* 或者 _ 包住文本

*斜体*

_斜体_

加粗

用双 * 或者 _ 包住文本

中画线

GFM添加了中画线的语法,在标准的Markdown 语法里面没有。

~~中画线~~、 种花心啊

下划线

下划线是HTML语法

<u>下划线</u> <u>下划线</u>

Emoji :smile:

语法 :smile: :joy: ​ :prince:

html

你甚至可以在 Typora 用HTML, 使用 <span style="color:red">this text is red</span> 就可以给文本添加红色。

Embed Contents 嵌入内容

例子:

<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>

<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>

Video

可以用 <video> HTML 标签放入视频:

<video src="xxx.mp4" />

Other HTML Support

更多信息 这里


  1. here is the text of the footnote .

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

推荐阅读更多精彩内容