码迷,mamicode.com
首页 > 其他好文 > 详细

用Typora编辑Markdown

时间:2018-09-16 16:00:42      阅读:701      评论:0      收藏:0      [点我收藏+]

标签:item   展开   状态   功能   optional   数学   重点   ons   渲染   

目录

基础

段落和换行符

一个段落只是一个或多个连续的文本行。在Markdown源代码中,段落由多个空行分隔。在Typora,你只需要按下来Return创建一个新的段落。

Shift+ Return创建一个换行符。但是,大多数Markdown解析器将忽略单行断点,使其他降价解析器识别您的换行符,您可以在行的末尾留下两个空格,或插入<br/>

标题

标题在行首使用1-6个哈希字符,对应于标题级别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.

列表

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

输入1. list item 1将创建一个有序列表,其Markdown代码是这样的:

## 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`。在后面添加一个可选的语言标识符,我们将通过语法高亮来运行它:

require ‘redcarpet‘
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html

输入| 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**.

You can create footnotes like this1.

鼠标在‘脚注‘上标上看脚注的内容。

横向规则

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


YAML

现在,Typora支持YAML前端技术---在文章的顶部输入,然后按Enter会介绍一个。或者从菜单中插入一个元数据块。

目录(TOC)

输入`然后Return`按键将创建一个“目录”部分提取所有标题从一个人的写作,其内容将自动更新。

span元素

Span元素将在您输入后被解析和渲染。将光标移动到这些span元素的中间,将这些元素展开为markdown 。以下将解释这些span元素的语法。

链接

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

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

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

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

会产生:

这是一个内联链接的例子。(<p>This is <a href="http://example.com/" title="Title">

此链接没有标题属性。(<p><a href="http://example.net/">This link</a> has no

内部链接

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

命令(在Windows上:Ctrl)+单击此链接将跳转到标题Block Elements。要了解如何编写该代码,请移动光标或?按下按键以将该元素展开为markdown来源。

参考链接

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

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

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

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

在typora中,它们将被渲染为:

这是一个示例引用样式的链接。

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

[Google][]
And then define the link:

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

在typora点击链接将其展开进行编辑,commond+单击将在Web浏览器中打开超链接。

网址

Typora允许你将URL作为链接插入,用<括号括起来>

<i@typora.io>变成i@typora.io

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

图片

图像看起来与链接类似,但是!在链接开始之前它需要额外的字符。图像语法如下所示:

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

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

您可以使用拖放功能从图像文件或网络浏览器插入图像。点击图片修改降价源代码。如果图像在拖放时处于与当前编辑文档相同的目录或子目录中,则会使用相对路径。

如果您使用markdown来构建网站,则可以在本地计算机中指定一个URL前缀用于typora-root-url在YAML前台事件中使用属性的图像预览。例如,typora-root-url:/User/Abner/Website/typora.io/在YAML Front Matters中输入,然后![alt](/blog/img/test.png)将被视为![alt](file:///User/Abner/Website/typora.io/blog/img/test.png)在typora中。

重点

Markdown把星号(*)和下划线(_)作为重点指标。用一个HTML 标签包装的文本*_将被包装<em>。例如:

*single asterisks*

_single underscores_

输出:

单星号

单下划线

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

wow_great_stuff

do_this_and_do_that_and_another_thing。

要在原本应该用作强调分隔符的位置上生成一个字面星号或下划线,可以使用反斜杠进行转义:

\*this text is surrounded by literal asterisks\*

Typora建议使用*符号。

Strong

双*或s将被包装一个HTML <strong>标签,例如:

**double asterisks**

__double underscores__

输出:

双星号

双下划线

Typora建议使用**符号。

代码

为了表示一段代码,用反引号(`)来包装它。与预格式化的代码块不同,代码段指示正常段落内的代码。例如:

Use the `printf()` function.

会产生:

使用该printf()功能。

删除线

GFM添加语法来创建删除线文本,这是从标准的Markdown中丢失的。

~~Mistaken text.~~错误的文本。

强调

下划线由原始HTML驱动。

<u>Underline</u>成为下划线。

表情符号:开心:

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

用户可以通过ESC按键触发表情符号的自动完成建议,或在偏好面板上启用后自动触发。此外,还支持从菜单栏直接从Edit- > 输入UTF8表情符号字符Emoji & Symbols

内联数学

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

要触发内嵌数学的内联预览,请输入“$”,然后ESC按键,然后输入TeX命令,预览工具提示将如下所示:

$\l

技术分享图片

下标

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

上标

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

突出

要使用此功能,首先,请在Preference面板 - > Markdown选项卡中启用它。然后==用来包装高亮内容,例如:==highlight==


  1. Here is the text of the footnote. ??

用Typora编辑Markdown

标签:item   展开   状态   功能   optional   数学   重点   ons   渲染   

原文地址:https://www.cnblogs.com/xth0331/p/9655591.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!