美文网首页Git_Github_Linux
Typora入门——最好用的 Markdown 编辑器

Typora入门——最好用的 Markdown 编辑器

作者: simon96 | 来源:发表于2018-10-30 19:05 被阅读259次

    前言

    本文采用CC BY-NC-SA 4.0许可协议,转载请注明出处

    欢迎阅读原文:https://www.simon96.online/2018/10/01/Typora入门(中文版)

    Typora简介

    Typora删除了预览窗口,以及所有其他不必要的干扰。取而代之的是实时预览。

    Markdown的语法因不同的解析器或编辑器而异,Typora使用的是GitHub Flavored Markdown

    块元素

    换行符

    在markdown中,段落由多个空格分隔。在Typora中,只需回车即可创建新段落。

    标题级别

    # 一级标题, 快捷键为Crtl + 1## 二级标题,快捷键为Crtl + 2###### 六级标题,快捷键为Crtl + 6

    引用文字

    > + 空格 + 引用文字

    清单

    输入 * 列表内容 将创建一个无序列表,该*符号可以替换为+或-。

    输入1. 列表内容 将创建一个有序列表,其markdown源代码如下:

    无序列表*  AA*  BB*  CC

    有序列表

    AA

    BB

    CC

    任务列表

    - [ ] 不勾选- [x] 勾选

    代码块

    在Typora中输入""" + 回车,并在后面选择一个语言名称即可语法高亮。

    语法高亮: ```pythondef helloWorld():​ print 'hello, world'```

    数学表达式

    输入$$,然后按“回车”键,如下:

    $$\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 |`并回车。即可将创建一个包含两列的表,然后就像操作Word文档一样设置表格即可,没必要知道Markdown的复杂语法,因为这些语法会由Typora自动生成。效果如下:

    First HeaderSecond Header

    脚注

    你可以创建一个脚注,像这样[^1].[^1]: 这是上面的注释内容。

    你可以创建一个脚注,像这样1.

    [1] 这是上面的注释内容。

    注意:该例子脚注标识是1,脚注标识可以为字母数字下划线,但是暂不支持中文。脚注内容可为任意字符,包括中文。

    分割线

    输入***或--- 再按回车即可绘制一条水平线,如下:

    YAML Front Matter

    Typora支持YAML Front Matter, 在文章开头输入---,然后按回车即可。

    目录(TOC)

    输入[toc]然后回车,即可创建一个“目录”。TOC从文档中提取所有标题,其内容将自动更新。

    跨度元素

    跨度元素即图片,网址,视频等,在Typora中输入后,会立即载入并呈现。

    链接

    内部链接

    这是一个带有标题属性的[链接](http://example.com/ "标题").这是一个没有标题属性的[链接](http://example.net/).

    效果如下:

    这是一个带有标题属性的链接.这是一个没有标题属性的链接.

    参考链接

    这是一个[参考链接][id]。[id]: http://example.com/  "标题"

    这是一个参考链接

    [id] http://example.com/ 标题

    网址

    Typora允许用<括号括起来>, 把URL作为链接插入。输入<td_simon@outlook.com> 即 td_simon@outlook.com。Typora还会自动链接标准网址。例如:www.simon96.online

    图片

    ![显示的文字](/path/to/img.jpg)![显示的文字](/path/to/img.jpg "图片标题")

    倾斜

    *单个星号*_单下划线_

    效果如下:单个星号

    单下划线

    加粗

    *两个星号*_双下划线_

    效果如下:两个星号双下划线

    代码标记

    标记代码使用反引号,即在英文输入法下,ESC键下面和1键左边的符号——`

    使用该`printf()`功能。效果如下:使用该printf()功能。

    删除线

    ~~删除线~~

    效果如下:

    删除线

    下划线

    <u>下划线</u>

    效果如下:

    下划线

    表情符号😄

    :smile :​(注意为:是英文的冒号)

    😄

    下标

    H~2~O (需在设置中打开该功能)

    上标

    X^2^(需在设置中打开该功能)

    高亮

    ==高亮==(需在设置中打开该功能)

    HTML

    支持HTML

    嵌入内容

    支持iframe-based嵌入代码,

    < 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 src="xxx.mp4" />

    总结:

    建议打开大纲视图(快捷键ctrl + shift + 1)

    以上语法,在Typora中的右键菜单都有。

    相关文章

      网友评论

        本文标题:Typora入门——最好用的 Markdown 编辑器

        本文链接:https://www.haomeiwen.com/subject/vkhntqtx.html