Markdown编辑器Typora使用笔记

Markdown编辑器Typora使用笔记

目录

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

[TOC]

效果如下:

  • Markdown编辑器Typora使用笔记
    • 目录
    • 官网
    • 快捷键使用及设置
    • 功能探索
      • 代码块
        • C代码
        • C++代码
        • Shell代码
        • FlowChart流程图
        • SequenceDiagram时序图
        • MermaidDiagram鱼骨图
      • 任务列表
      • 有序列表
      • 无序列表
      • 数学公式
      • 脚注
      • 水平分隔符
      • 行内元素
        • 添加链接
        • 添加强调
        • 插入图片
        • 标签引用
        • 删除线
        • 下划线
        • 居中
        • 表情
        • 上标
        • 下标
        • 高亮
      • 引用

官网

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 
#include 

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

C++代码

#include 
using namespace std;

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

Shell代码

# !/bin/bash

echo "this is shell script!"

FlowChart流程图

标准流程图源码格式:

Created with Raphaël 2.1.2 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

标准流程图源码格式(横向):

Created with Raphaël 2.1.2 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

SequenceDiagram时序图

Created with Raphaël 2.1.2 Andrew Andrew China China Says Hello China thinks about it How are you? she remembered me I am good thanks!
Created with Raphaël 2.1.2 Here is a title A A B B C C D D Normal line Dashed line Open arrow Dashed open arrow
Created with Raphaël 2.1.2 A A B B Note to the left of A Note to the right of A Note over A Note over both A and B
Created with Raphaël 2.1.2 C C B B A A By listing the participants you can change their order

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),可以在偏好设置中单独打开,由一个美元符号$将公式围起来;

limxexp(x)=0 l i m x → ∞ exp ⁡ ( − x ) = 0

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

V1×V2=iXuXvjYuYvk00 V 1 × V 2 = | i j k ∂ X ∂ u ∂ Y ∂ u 0 ∂ X ∂ v ∂ Y ∂ v 0 |

脚注

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

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.

下划线

下划线可以用作为引子:

效果如下:

Underline

居中

居中可以用一对

表示,但是只能等到输出文本的时候才会看到效果

居中显示

表情

下划线可以用作为引子:

: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==.

  • Markdown编辑器Typora使用笔记
    • 目录
    • 官网
    • 快捷键使用及设置
    • 功能探索
      • 代码块
        • C代码
        • C++代码
        • Shell代码
        • FlowChart流程图
        • SequenceDiagram时序图
        • MermaidDiagram鱼骨图
      • 任务列表
      • 有序列表
      • 无序列表
      • 数学公式
      • 脚注
      • 水平分隔符
      • 行内元素
        • 添加链接
        • 添加强调
        • 插入图片
        • 标签引用
        • 删除线
        • 下划线
        • 居中
        • 表情
        • 上标
        • 下标
        • 高亮
      • 引用

引用

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语法的编辑工具. ↩

你可能感兴趣的:(工具)