当前位置: 代码迷 >> 综合 >> MarkDown编辑器-Typora
  详细解决方案

MarkDown编辑器-Typora

热度:93   发布时间:2023-12-15 12:14:27.0

安利款Markdown编辑器Typora.有跟另一款也不错的Macdown编辑器对比.功能上其实两者相似(什么预览啊,兼容HTML,导出各种格式都不是问题),但从外观使用角度来说Typora真的是人间人爱...太简洁了,这么简洁还能做到如此便捷实在厉害!

PS:Typora可以直接拖入本地图片,搭配iPic使用可以实现一键上传图床.更加方便,再也不用手动上传再拷贝地址了.

Typora官网

Markdown常用语法

标题

使用#表示一级标题,##表示二级标题,以此类推,有6个标题。

块引用

使用>来插入块引用。例如:


>这是一个块引用!

将产生:

这是一个块引用!

列表

输入+, -, *,创建无序的列表,使用任意数字开头,创建有序列表,例如:

**无序的列表**
* 香蕉
* 苹果

无序的列表

  • 香蕉

  • 苹果

**有序的列表**
1. 苹果
2. 香蕉

有序的列表

  1. 苹果

  2. 香蕉

数学表达式块

输入两个美元符号,然后回车,就可以输入数学表达式块了。例如:


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

将会产生:

插入表情

使用:happy:输入高兴的表情,使用:sad:输入悲伤的表情,使用:cry:输入哭的表情等。以此类推!

下划线

用HTML的语法<u>Underline</u>将产生下划线Underline.

删除线

GFM添加了删除文本的语法,这是标准的Markdown语法木有的。使用~~~~包裹的文本将会具有删除的样式,例如~~删除文本~~将产生删除文本的样式。

代码

  • 使用`包裹的内容将会以代码样式显示,例如


使用`printf()`

则会产生printf()样式。

  • 输入

    
    ~~~

    或者```然后回车,可以输入代码块,并且可以选择代码的语言。例如:

    
    public Class HelloWorld{
         
      System.out.println("Hello World!");
    }

强调

使用两个*号包裹的内容将会被强调。例如

  **使用两个*号强调内容**

将会输出

使用两个*号强调内容

斜体

在标准的Markdown语法中,*和_包裹的内容会是斜体显示,但是GFM下划线一般用来分隔人名和代码变量名,因此我们推荐是用星号来包裹斜体内容。如果要显示星号,则使用转义:


  \*

水平分割线

使用***或者---,然后回车,来产生水平分割线。

标注

我们可以对某一个词语进行标注。例如


某些人用过了才知道[^注释]
[^注释]:Somebody that I used to know.

将产生:

把鼠标放在注释上,将会有提示内容。

插入URL连接

使用[标题](链接地址)或者直接使用<链接地址>,例如:


[Typora官网](https://www.typora.io)

Typora官网

<https://www.typora.io>

https://www.typora.io

目录列表Table of Contents(TOC)

输入[toc]然后回车,将会产生一个目录,这个目录抽取了文章的所有标题,自动更新内容。

表格

|表名|表名|表名|表名|
|:---|:---:|:---:|---:|
|内容|内容|内容|内容|
|内容|内容|内容|内容|

将产生:

表名 表名 表名 表名
内容 内容 内容 内容
内容 内容 内容 内容

其中代码的第二行指定对齐的方式,第一个是左对齐,第二个和第三个是居中,最后一个是右对齐。

插入图片搭配iPic使用

Typora使用本地图片直接拖拽插入即可,但这并不能满足大家的需求.所以这个时候就可以使用iPic来搞定iPic下载地址.

安装iPic后,在编辑完自己的markdown文档后:

运行 iPic,之后点击 Edit > Image Tools > Upload Local Images via iPic即可!