Markdown编辑器Typora使用笔记

Markdown编辑器Typora使用笔记

目录

可以使用[TOC]自动根据层级生成目录：

[TOC]

效果如下:

官网

Typora

快捷键使用及设置

功能	快捷键	描述
标题设置	Ctrl+数字	标题的使用格式 # 一阶标题 或者快捷键Ctrl+1 ## 二阶标题 或者快捷键Ctrl+2 ### 三阶标题 或者快捷键Ctrl+3 #### 四阶标题 或者快捷键Ctrl+4 ##### 五阶标题 或者快捷键Ctrl+5 ###### 六阶标题 或者快捷键Ctrl+6
插入表格	Ctrl+t
插入图片	Ctrl+Shift+i	或者直接拖动图片到指定位置
插入链接	Ctrl+k
加粗	Ctrl+b
斜体	Ctrl+i
下划线	Ctrl+u
删除线	Alt+Shift+5
代码	Ctrl+Shift+`
代码块	Ctrl+Shift+k	当此快捷键可能没作用，可在“段落(P)”中点击相应的功能
有序列表	Ctrl+Shift+[	当此快捷键可能没作用，可在“段落(P)”中点击相应的功能
无序列表	Ctrl+Shift+]	当此快捷键可能没作用，可在“段落(P)”中点击相应的功能
生成目录	[TOC]+回车enter
跳转到文章开头	Ctrl+home
跳转到文章结尾	Ctrl+end
搜索	Ctrl+f
替换	Ctrl+h
引用	输入>之后加空格
清除样式	*Ctrl+*

功能探索

代码块

代码块可以用- [ ]作为引子。

C代码

#include <stdio.h>
#include <stdlib.h>

int main(int argc, char *argv[])
{
    return 0;
}

C++代码

#include <iostream>
using namespace std;

int main(int argc, char *argv[])
{
    cout <<"this is c++ code!" <<endl;
    return 0;
}

Shell代码

# !/bin/bash

echo "this is shell script！"

FlowChart流程图

标准流程图源码格式：

标准流程图源码格式（横向）：

SequenceDiagram时序图

MermaidDiagram鱼骨图

graph TB
    id1(圆角矩形)--普通线-->id2[矩形]
    subgraph 子图表
        id2==粗线==>id3{菱形}
        id3-.虚线.->id4>右向旗帜]
        id3--无箭头---id5((圆形))
    end

任务列表

任务列表可以用- [ ]作为引子。其实任务列表就是一个复选按钮，如果在中括号内加上x，就是一个被选中的复选按钮。

---

• [x] C/C++
• [ ] JAVA
• [x] SHELL
• [x] PYTHON

---

有序列表

列表可以用*,+,-等符号来作为引子,不添加数字就是无序列表，添加数字就是有序列表。

---

1. C/C++
2. JAVA
3. SHELL
4. PYTHON

---

无序列表

---

• C/C++
• JAVA
• SHELL
• PYTHON

---

数学公式

数学表达式模块用两个$$作为引子：

Typora支持加入用LaTeX写成的数学公式，并且在软件界面下用MathJax直接渲染。

数学公式分为两种：

一种是行内公式(inline math)，可以在偏好设置中单独打开，由一个美元符号$将公式围起来；

$lim_{x\to\infty}\exp(-x)=0$

一种是行外公式，直接按Ctrl+Shift+M；

$$\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}$$

脚注

脚注需要定义鼠标移上后显示的内容,用[^ 数字]来定义：

You can create footnotes like this footnote1.
Typora[^ 2].

水平分隔符

水平分割线可以用***或者—--作为引子:

效果如下:

---

---

行内元素

添加链接

链接可以用[需要添加链接的字段](链接的地址)的形式：

效果如下:

This is an example inline link.

This link has no title attribute.

添加强调

强调可以用**或者__作为引子:

效果如下:

double asterisks

double underscores

插入图片

标签引用

引用代码可以用代码作为引子:

效果如下：

Use the printf() function.

删除线

删除线可以用~~作为引子:

效果如下：

Mistaken text.

下划线

下划线可以用<u></u>作为引子:

效果如下：

Underline

居中

居中可以用一对<center></center>表示，但是只能等到输出文本的时候才会看到效果

居中显示

表情

下划线可以用：作为引子:

:smile:
:cry:

效果如下：

:smile:

:cry:

上标

下划线可以用^作为引子，需要在file Panel -> 偏好设置 Tab中打开：

x^2^

效果如下：

x^2^

下标

划线可以用~作为引子，需要在File Panel -> 偏好设置 Tab中打开：

H~2~O

效果如下：

H~2~O

高亮

高亮可以用==作为引子，需要在File Panel -> 偏好设置 Tab中打开：

Here is the text of the ==footnote==.

效果如下:

Here is the text of the ==footnote==.

引用

TYPORA的使用手册

Typora学习笔记

Typora参考手册

流程图语法

时序图语法

马克飞象的官方说明文档

LaTeX数学公式

LaTex常用特殊符号参考

Mermaid实用教程

---

1. Here is the text of the footnote.
   [^ 2]: Typora是一款免费的所见即所得的基于markdown语法的编辑工具. ↩

---

1. Here is the text of the footnote.
   [^ 2]: Typora是一款免费的所见即所得的基于markdown语法的编辑工具. ↩