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
  • 无序序列
  1. 你

可选序列

开头序列+空格+[ ]+空格+文字,换行键换行,删除键+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. 第十章 hbase默认配置说明

    hbase.rootdir:这个目录是region  server的共享目录,用来持久化Hbase.URL需要是'完全正确'的,还要包含文件系统的scheme.例如,要表示hdfs中的 '/hbase ...

  2. BP神经网络的数学原理及其算法实现

    什么是BP网络 BP网络的数学原理 BP网络算法实现 转载请声明出处http://blog.csdn.net/zhongkejingwang/article/details/44514073  上一篇 ...

  3. JAVA构造函数在超类和子类调用注意事项

    1.构造函数:        当子类继承一个父类时,构造子类时需要调用父类的构造函数,存在三种情况        (1),父类无构造函数或者一个无参数构造函数,子类若无构造函数或者有无参数构造函数,子 ...

  4. Python handling an exception

    #try...except... try: You do your operations here; ...................... except ExceptionI: If ther ...

  5. Spring Boot自定义配置

    一.方法 覆盖自动配置很简单,就当自动配置不存在,直接显式地写一段配置.这段显式配置的形式 不限, Spring支持的XML和Groovy形式配置都可以. 二.原理 @ConditionalOnMis ...

  6. dubbo 梗概及使用示例

    阿里巴巴dubbo主页:http://code.alibabatech.com/wiki/display/dubbo/Home-zh 1. Dubbo是什么? Dubbo是一个分布式服务框架,致力于提 ...

  7. 关于网页中行内元素的基线(baseline)、行高(line-height)、垂直对齐(vertical-align)等

    CSS基线之道 http://www.qianduan.net/css-baseline-road.html 垂直对齐:vertical-align属性 http://www.ddcat.net/bl ...

  8. Python入门——import

    最近身边的人或多或少都知道一点python,自己也想动手试试吧.按照网上的教程,安装了python,Eclipse插件pydev.接下来就是在Eclipse下新建工程,创建py文件这就不多说了. 第一 ...

  9. Cookie&Session会话跟踪技术

    今日内容学习目标 可以响应给浏览器Cookie信息[response.addCookie()] 可以接受浏览器Cookie信息[request.getCookies()] [创建cookie,设置pa ...

  10. python---webbrowser模块的使用,用非系统默认浏览器打开

    webbrowser模块常用的方法有: webbrowser.open(url, new=0, autoraise=True) 在系统的默认浏览器中访问url地址,如果new=0,url会在同一个浏览 ...