Typora是一款超简洁的markdown编辑器,具有如下特点:

  1. 完全免费,目前已支持中文
  2. 跨平台,支持windows,mac,linux
  3. 支持数学公式输入,图片插入
  4. 极其简洁,无多余功能
  5. 界面所见即所得

区域元素

YAML FONT Matters

在文章最上方输入---,按换行键产生,输入内容即可

菜单

输入[toc]+换行键,产生标题,自动更新

[toc]

[TOC]

段落

按换行键建立新的一行
可在行尾插入打断线,禁止向后插入

按换行键建立新的一行<br/>

标题

开头#的个数表示,空格+文字。标题有1~6个级别,#表示开始,按换行键结束

# H1
## H2
###### H6

引注

开头>表示,空格+文字,按换行键换行,双按换行跳出

> ni
>
> ni hao

ni

nini

序列

开头*/+/-,空格+文字,可以创建无序序列,换行键换行,删除键+shift+tab跳出

开头1.,空格+后接文字,可以创建有序序列

*   Red
+ Green
- Blue 1. Red
2. Green
3. Blue
  • 无序序列

可选序列

开头序列+空格+[ ]+空格+文字,换行键换行,删除键+shift+tab跳出

- [ ] a
+ [ ] b
* [ ] c
- [x] completed
  • [ ] a

  • [ ] b

  • [ ] c

  • [x] d

代码块

开头```+语言名,开启代码块,换行键换行,光标下移键跳出

​```python
​```

数学块

使用MtathJax建立数学公式

开头$$+换行键,产生输入区域,输入Tex/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}
$$

表格

开头|+列名+|+列名+|+换行键,创建一个2*2表格

将鼠标放置其上,弹出编辑尺寸,个数,文字等

|first|second|
first second
   

脚注

在需要添加脚注的文字后面+[+^+序列+],注释的产生可以鼠标放置其上单击自动产生,添加信息

或人工添加+[+^+序列+]+:

脚注产生的方法[^footnote].
[^footnote]:这个就是*脚注*

脚注产生的方法1.

水平线

输入***/---,换行键换行

***
---


特征元素

链接

单击链接,展开后可编辑

ctr+单击,打开链接

超链接

用[]括住要超链接的内容,紧接着用()括住超链接源+名字,超链接源后面+超链接命名

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.

内链接

相关链

使用[+超链接文字+]+[+标签+],创建可定义链接

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"

Baidu
And then define the link:

Google
And then define the link:

URLs

用<>括住url,可手动设置url

对于标准URLs,可自动识别

<i@163.com>
www.baidu.com

i@163.com

www.baidu.com

图片

  1. 手动添加:类似链接,前面需加!
  2. 用鼠标拖图片进入,然后鼠标放置其上修改
![Alt text](/path/to/img.jpg)

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

斜体

以**或__括住,建议双*

*single asterisks*

_single underscores_

single asterisks

single underscores

加粗

开头双*或双_,结尾双*或双_,建议双*

**double asterisks**

__double underscores__

double asterisks

double underscores

删除线

用两个~开头,两个~结尾

~~Mistaken text.~~

错误文字.

下划线

使用HTML标签

<u>Underline</u>

Underline

代码

用两个`在正常段落总表示代码

Use the `printf()` function.

Use the printf() function.

数学式

需 Preference Panel -> Markdown Tab启动,

输入$,然后按ESC键,之后输入Tex命令,可预览

$\lim_{x\to\infty}\exp(-x)=0$

$\lim_{x\to\infty}\exp(-x)=0$

下标

需 Preference Panel -> Markdown Tab启动,

使用双~括住内容

H~2~O, X~long\ text~/

H~2~O,X~long text~

上标

需 Preference Panel -> Markdown Tab启动,

使用双^括住内容

X^2^

X^2^

高亮

需 Preference Panel -> Markdown Tab启动,

使用双==括住内容

==highlight==

==highlight==

转自:http://www.cnblogs.com/fhkankan/p/8082351.html

前端实用软件: Markdown工具之---Typora实用技巧(总结)的更多相关文章

  1. Markdown工具之---Typora

    在项目集成阶段中,接口文档是不可避免的,以往的我使用word编辑器编写接口文档,虽然word使用不是很熟练,但是只要在网上下载模板或者自己花时间搞定一个文档格式 基本能一劳永逸.但是还是会有很多问题存 ...

  2. CSDN的Markdown编辑器实用技巧(傻瓜式教程)

    markdown编辑器被很多人声称是可以取代word的文字编辑器,其优点我们在这就不再过多赘述了,但对于一些初次接触的人来说,或多或少都有还些不适应,其主要原因在于一些常见的功能突然不知道怎么实现,所 ...

  3. Typora使用技巧系列:(1)

    Typora使用技巧(1) 刚刚开了博客怎么说也要学一下markdown语法什么的吧,使用的是编译器是Typora,之后有空会陆续更新的 切换到源代码模:(ctrl + /)临时切换到源代码模式,再按 ...

  4. 细说前端自动化打包工具--webpack

    背景 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过链接组织在一起.用过Dreamweaver的都知道,做网页就像用word编辑文档 ...

  5. 前端自动化构建工具gulp的使用总结

    前端自动化构建工具gulp的使用总结 博主最近偶的空闲,在此对gulp的使用做一个总结,让小伙伴知道如何合理的使用gulp以及gulp的使用技巧. 谈到gulp,有人可能就会想到另外一个构建工具gru ...

  6. 前端开发构建工具gulp的安装使用

    曾几何时还在使用grunt作为前端的构建工具,直到有一天同事向我推荐了gulp,在这里博主将不讨论gulp与grunt各自优势的比较,只为大家介绍gulp如何安装和使用. Gulp 是用 nodejs ...

  7. Vim 实用技术,第 1 部分: 实用技巧(转)

    原文链接:http://blog.jobbole.com/20604/ 0. Vim 简介 作为开源世界最重要的编辑器之一(另一个是 Emacs),Vim 以其强大的功能和可定制能力被众多开发者所喜爱 ...

  8. c++实用技巧

    原地址:http://www.cnblogs.com/easymind223/articles/2576904.html 晚上的时间总是习惯性的在cnblogs逛街,今天又看到了好文章,其c++味道浓 ...

  9. Mac实用技巧之:访达/Finder

    更多Mac实用技巧系列文章请访问我的博客:Mac实用技巧系列文章 Finder就相当于windows XP系统的『我的电脑』或win7/win10系统里的『计算机』(打开后叫资源管理器),find是查 ...

随机推荐

  1. 二十二 synchronized同步方法

    一 Synchronized锁: 1 synchronized取得的锁都是对象锁,而不是把一段代码或方法加锁. synchronized是给该方法的实例对象加锁.如果多个线程访问的是同一个对象  的s ...

  2. spring声明式事务管理详情解析

    前沿:通过对spring事务管理有了比较深入学习,本文将不做实例,而是指定具体的类和配置文件进行讲解. 本文内容: 1.了解什么是声明式事务? 2.声明式事务管理分别有哪几种? 3.这几种事务管理之间 ...

  3. 关于网格比较工具metro使用的几点注意事项

    Metro作为一个非常好用的简化网格比较工具,在科研界几乎算是标准了.不过很多比较牛的作者会使用自己设计的一些比较算法,但是如果metro够用了也就不必那么麻烦了,毕竟Metro使用的方法还算是很成熟 ...

  4. Halcon中循环读取文件的实现以及数字与字符的转换

    在循环读取文件的位置时,常用到数字与字符的转换. 数字与字符的转换 将字符转换为数字 tuple_number(StringImageIndex,IntImageIndex)` 1 2 1 2 将数字 ...

  5. Markdown之表格的处理

    目前编辑器不支持表格,以往是通过截图,呈现的效果并不好,Markdown支持html,所以我们可以用html来写表格.但是......用html写表格,实在太麻烦了,这里有个简单的转换方法,供大家参考 ...

  6. CentOS 安装python3.5

    1.刚开始centos可能会缺少gcc等组件,先安装组件 yum groupinstall "Development Tools" 2.下载源码,解压后进入目录 #下载地址http ...

  7. 调用EF的存储过程报“存储区数据提供程序返回的数据读取器所具有的列数对于所请求的查询不够”问题

    在运用Entity Framework调用存储过程的时候,遇到"调用EF的存储过程报"调用EF的存储过程报“存储区数据提供程序返回的数据读取器所具有的列数对于所请求的查询不够”问题 ...

  8. BAT脚本编写教程

    windows批处理 (cmd/bat) 编程详解 开始之前先简单说明下cmd文件和bat文件的区别:在本质上两者没有区别,都是简单的文本编码方式,都可以用记事本创建.编辑和查看.两者所用的命令行代码 ...

  9. [iOS]UIScrollView左右拨动,第二页宽度只有一半问题

    用UIScrollView动态加入新View,而这个View是Xib方式创建,如果设置view的frame,这个view的宽度却只有设置的一半,很奇怪.于是我只设置view的frame的x值,不设置整 ...

  10. ArraySegment的用法

    string[] myArr = { "Overred", "Medloy", "Xiaoguai", "Hare" } ...