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. window 2003 实现多用户远程登录

    1.单击开始->运行,输入gpedit.msc,打开组策略编辑器,找到计算机配置 ->管理模版 -> Windows组件 ->终端服务.把限制连接数量的属性修改成我们需要的数字 ...

  2. java程序中的ibatis连接mySql的基本实例

    属性文件:SqlMap.properties driver=com.mysql.jdbc.Driver url=jdbc:mysql://localhost:3306/ibatis username= ...

  3. 在CentOS 7中使用VS Code编译调试C++项目

    1. 安装VSCODE 见VSCode官方链接 https://code.visualstudio.com/docs/setup/linux#_rhel-fedora-and-centos-based ...

  4. gil基本介绍

    一 引子 定义: In CPython, the global interpreter lock, or GIL, is a mutex that prevents multiple native t ...

  5. thinkjs 学习笔记

    抽空大概看了下thinkjs,总体感觉很不错 不了解的可以看下文档(http://thinkjs.org/doc.html) 介绍就不多说了,看下快速入门 npm install -g thinkjs ...

  6. sql server 2005 修改动态端口,连接字符串为:需要改成:IP地址+逗号+端口号才行

    1.sql server 2005 安装完毕后,默认是动态段,需要用sql brower 查询端口号:修改给固定端口后,格式为:IP地址+逗号+端口号. 2.sql 2000 的格式为:格式为:IP地 ...

  7. VS2015编译VLC2.2.1(under WIN7-64)<转>

    概述: 感谢https://github.com/sunqueen/vlc-2.2.1.32-2013 这个工程,我的工作基本上都是基于它,我只是觉得他的工程设置不够清晰,重新做了一次.区别在于我的工 ...

  8. C++Primer笔记-----day05

    =======================================================================day05======================== ...

  9. nginx基本配置与参数说明-【转】

    #运行用户 user nobody; #启动进程,通常设置成和cpu的数量相等 worker_processes 1; #全局错误日志及PID文件 #error_log logs/error.log; ...

  10. AnimatorController即动画控制器创建的BUG

    //-------------------------------------------------------------------------------------------------- ...