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. Java中的GetOpt操作

    在shell工具中,有专门的getopt函数,使用方法如下所示: while getopts "d:t:vh" opt; do case "${opt}" in ...

  2. python学习(二十五) 链表方法

    # 链表 cars = ['a', "b"] print(cars) # 链表长度 print(len(cars)) # 结尾添加元素 cars.append("c&qu ...

  3. sublime text 怎么浏览包

    点击到设置里 里面有个包浏览.

  4. C# 重构

    重构是在编写代码后在不更改代码的外部行为的前提下通过更改代码的内部结构来改进代码的过程. 一.何时需要重构 1.代码中存在重复的代码: 如果类中有重复的代码块,需将其提炼出一个新的独立方法,如果是不同 ...

  5. LeetCode题解 #1 Two Sum

    在LeetCode做的第一到题 题目大意:给出n个数,在其中找出和为一个特定数的两个数. Input: numbers={2, 7, 11, 15}, target=9Output: index1=1 ...

  6. 在EXCEL中使用SQL语句查询

    SQL语句在数据库使用中十分重要. 在EXCEL中可以不打开工作簿,就获取数据,对多工作簿操作很用,也很快. 对大量数据处理,比循环快很多,但是比词典方法还有点距离(可惜我还没有学会词典). 对数据库 ...

  7. nginx实现多个域名共享80端口

    server { listen 80; server_name server8085.duchong.cn; location / { proxy_pass http://127.0.0.1:8085 ...

  8. 我的MAXSCRIPT笔记

    getnodebyname "circle01" for o in objects do if o.name == "circle01" then select ...

  9. 使用Eclipse搭建JavaWeb开发环境的几个基本问题

    Eclipse搭建JavaWeb开发环境 eclipse是一个用于java程序开发的ide软件,tomcat是一个运行javaweb应用的服务器软件,使用eclipse开发javaweb应用的时,首要 ...

  10. springboot mvc beetl模板 自定义错误的后缀问题

    @Component public class BeetlErrorViewResolver implements ErrorViewResolver { private static final M ...