Typora编辑器 & Markdown语法
1、简介
支持平台:
- Windows
- Linux
- OSX
特点:
- 完美支持GitHub的Markdown语法
- 人性化的书写方式:
- 表格的书写、挪动;
- 图片,超链接,网页表格复制;
- 目录生成
- 支持LeTex公式书写;
- 支持FlowChart,Mermaid等流程图绘制;
- emoji,高亮,备注、上标、下标等书写;
- 生成网页、pdf、图片、甚至word、LeTex等格式。
2、常用快捷键的Markdown书写
-
Ctrl 0到Ctrl 4:普通文本、一级~四级标题; -
Ctrl B` :加粗;
-
Ctrl I`:斜体;
-
Ctrl U`:下划线
-
Shift Alt 5`:
删除线 -
Shift Ctrl Tab键上面的键位
:行内代码块` -
Ctrl K
:[超链接](www.baidu.com);还支持文章内锚点,请Ctrl`点击此处➡️第三节 -
Ctrl T`:表格,支持拖拽移动、网页端复制转换:
| 张三 | 李四 | 王五 |
|---|---|---|
| 1 | 2 | 3 |
- Ctrl Shift Q`:引用:
努力努力再努力。
——想瘦的马各
- Shift Ctrl I`:图片

- Shift Ctrl M`:公式快,快捷输入LeTex公式:
$$
x_{\color{Maroon}1,2}=\frac{-b\pm\sqrt{{\color{Maroon}b^2-4ac}}}{2a}
$$
3、不带快捷键Markdown书写
-
代码块
public class MyTest { public static void main(String[] args) { ApplicationContext context = new ClassPathXmlApplicationContext("beans.xml"); Student student = (Student) context.getBean("student"); System.out.println(student.getName()); } } -
无序、有序、任务列表:
- 2020加油
- 中国加油
- Java
- Linux
-
参考链接:
通过培养试验研究了有机酸对铅、镉的毒害影响,结果表明柠檬酸对铅[1],酒石酸对镉有较明显解毒作用[2]。用逐步提取法研究萝卜根叶内重金属存在的化学形态 ,有机酸处理并不影响各形态铅的优势顺序 ,但各形态铅的浓度或相对百分率发生了变化。
-
上标下标:
上标:X^2^ 下标:H~2~OX2,H2O
-
高亮:
本节课重点:==第六、七章不考==,第三章出题较多,==平时分占 30%==本节课重点:第六、七章不考,第三章出题较多,平时分占 30%
-
注释
<!--这一段不要显示出来--> -
内联公式:
$e^{i\pi}+1=0$$e^{i\pi}+1=0$
-
分割线
---
马各一定会瘦!
- Emoji图标:
:arrow_heading_down: :arrow_heading_up:
:ab: :blue_heart: :jack_o_lantern:
:ballot_box_with_check: :fork_and_knife:
⤵️ ⤴️
🆎 💙 🎃
☑️ 🍴
- 目录生成:
[toc]
4、拓展功能
- 流程图(FlowChart)
st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...
st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1
-
流程图(Mermaid)
graph TD; 开始-->条件B; 条件A-->条件C; 条件B-->条件D; 条件C-->条件D; 条件A-->条件D; 开始-->条件C; 开始-->条件A; 条件D-->结束; -
时序图(Mermaid)
sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts <br/>prevail...
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
- 时序图(Sequence)
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison :crit, done, after des1, 2d
Create tests for parser :crit, active, 3d
Future task in critical line :crit, 5d
Create tests for renderer :2d
Add to mermaid :1d
- Class diagram
classDiagram
Class01 <|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 <--> C2: Cool label
5、主题替换
访问:[http://theme.typora.io/](http://theme.typora.io/)
6、文章导出
- 图片(非常适合手机阅读)
- HTML(可选择是否带样式)
浙公网安备 33010602011771号