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. 02:Sysbench基准压测(oltp_update_index.lua、oltp_update_non_index.lua)my.cnf

    目录 Sysbench 基准压测 my.cnf 一.Sysench测试前准备 1.1.压测环境 二.进行OLTP_update测试 2.1.安装压测工具sysbench 2.2.执行压测 三.执行结果 ...

  2. 给iOS开发新手送点福利,简述UILabel的属性和用法

    UILabel属性 1.text:设置标签显示文本. label.text = @"我是Label"; 2.attributedText:设置标签属性文本. NSString *t ...

  3. Http协议是有状态的还是无状态的???

    在查找session和cookie的区别的资料时,有资料提到http是无状态的.我是不会忘记的,企鹅面试官问过我“http协议是有状态的还是无状态的”,我说不知道(之前没听说过).后来想想那“404 ...

  4. Python+Selenium爬虫实战一《将QQ今日话题发布到个人博客》

    前提条件: 1.使用Wamp Server部署WordPress个人博客,网上资料较多,这里不过多介绍 思路: 1.首先qq.com首页获取到今日话题的的链接: 2.通过今日话题链接访问到今日话题,并 ...

  5. python写个Hack Scan

    前言: 之前逛SAFEING极客社区的时候 发现一款黑市卖2000多的软件,后面下载了 打不开.发现config文件里面有些不错的东西.总结了一下 有了以下的脚本. 脚本用处: [1]探测CMS(不敢 ...

  6. 09_java之面向对象概述

    01面向对象和面向过程的思想 * A: 面向过程与面向对象都是我们编程中,编写程序的一种思维方式 * a: 面向过程的程序设计方式,是遇到一件事时,思考“我该怎么做”,然后一步步实现的过程. * b: ...

  7. leetcode477

    public class Solution { public int TotalHammingDistance(int[] nums) { , n = nums.Length; ; j < ; ...

  8. vs2010下设置release版本调试设置

    设置在Release模式下调试的方法: 1.工程项目上右键 -> 属性 2.c++ -> 常规 -〉调试信息格式    选  程序数据库(/Zi)或(/ZI), 注意:如果是库的话,只能( ...

  9. Linux实战教学笔记38:企业级Nginx Web服务优化实战(下)

    四,Nginx站点目录及文件URL访问控制 4.1 根据扩展名限制程序和文件访问 Web2.0时代,绝大多数网站都是以用户为中心多的,例如:bbs,blog,sns产品,这几个产品都有一个共同特点,就 ...

  10. java算法 第七届 蓝桥杯B组(题+答案) 4.分小组

    4.分小组  (代码填空) 9名运动员参加比赛,需要分3组进行预赛.有哪些分组的方案呢? 我们标记运动员为 A,B,C,... I下面的程序列出了所有的分组方法. 该程序的正常输出为:ABC DEF ...