Typora使用详解

Typora使用详解

关于Markdown 简明语法手册

Markdown 是用来编写结构化文档的一种纯文本格式

1.斜体和粗体

使用 * 和 ** 表斜体和粗体  :这是 斜体,这是 粗体

2.分级标题

使用 ===  表示一级标题,使用 --- 表示二级标题。 或行首加 #表示不同级别标题(H1-H6)

这是一个一级标题

============================

这是一个二级标题

--------------------------------------------------

### 这是一个三级标题

3.外链接

外链接

4.跨度元素

内联链接以及内部链接
参考链接

5.网址

网址

6.无序列表 , 有序列表

列表
文字引用

9. 行内代码块

使用 `代码表示行内代码块 例如:

让我们聊聊html`。

10.  代码块

代码块

11.代码高亮

12.插入图像

1.源码模式下使用 ![描述](图片链接地址) 插入图像。 例如:

2.非源码模式下使用: 右键 - 复制 Ctrl + V 将网络图片、剪贴板图片复制到文档中 拖动本地图片到文档中

13.emoji表情

:emoji: 的形式来打出emoji,软件会自动给出图形的提示🐴 🎠 🏇

例如      :horse:   :carousel_horse:    :horse_racing:

14.打字机模式和专注模式

打字机模式:F9     

专注模式:F8 

打字机模式」使得你所编辑的那一行永远处于屏幕正中。「专注模式」使你正在编辑的那一行保留颜色,而其他行的字体呈灰色。

Cmd Markdown 高阶语法手册

1.内容目录

在段落中填写 [TOC] 以显示全文内容的目录结构。

2.标签分类

在编辑区任意行的列首位置输入以下代码给文稿标签:例如

 1> 标签: 数学 英语 Markdown

 2> Tags: 数学 英语 Markdown

3.删除线

使用 ~~ 表示删除线。

例如:~~这是一段错误的文本~~

          这是一段错误的文本。

4.注脚

注脚

5.流程图

5.1 基本语法

节点与形状:


默认节点
文本节点
圆角节点
圆节点
非对称节点
菱形节点
流程图连接线

常用模板

示例  1.  横向流程图   :源码格式下输入
```mermaid

graph LR

A[方形] -->B(圆角)

    B --> C{条件a}

    C -->|a=1| D[结果1]

    C -->|a=2| E[结果2]

    F[横向流程图]

```

横向流程图

示例 2 .  竖向流程图   :源码格式下输入

```mermaid

graph TD

A[方形] -->B(圆角)

    B --> C{条件a}

    C -->|a=1| D[结果1]

    C -->|a=2| E[结果2]

    F[竖向流程图]

```

竖向流程图

示例 3 .  标准流程图源码格式  :

```flow

st=>start: 开始框

op=>operation: 处理框

cond=>condition: 判断框(是或否?)

sub1=>subroutine: 子流程

io=>inputoutput: 输入输出框

e=>end: 结束框

st->op->cond

cond(yes)->io->e

cond(no)->sub1(right)->op

```

标准流程图

示例 4 .  标准流程图源码格式(横向) :

```flow

st=>start: 开始框

op=>operation: 处理框

cond=>condition: 判断框(是或否?)

sub1=>subroutine: 子流程

io=>inputoutput: 输入输出框

e=>end: 结束框

st(right)->op(right)->cond

cond(yes)->io(bottom)->e

cond(no)->sub1(right)->op

```

标准横向流程图

更多语法参考

流程图语法参考(http://adrai.github.io/flowchart.js/)

6.序列图

6.1源码格式示例1

```sequence

对象A->对象B: 对象B你好吗?(请求)

Note right of 对象B: 对象B的描述

Note left of 对象A: 对象A的描述(提示)

对象B-->对象A: 我很好(响应)

对象A->对象B: 你真的好吗?

```

序列图1

6.2源码格式示例2

```mermaid

%% 时序图例子,-> 直线,-->虚线,->>实线箭头

  sequenceDiagram

    participant 张三

    participant 李四

    张三->王五: 王五你好吗?

    loop 健康检查

        王五->王五: 与疾病战斗

    end

    Note right of 王五: 合理 食物 <br/>看医生...

    李四-->>张三: 很好!

    王五->李四: 你怎么样?

    李四-->王五: 很好!

```

标准序列图

更多语法参考:

序列图语法参考(http://bramp.github.io/js-sequence-diagrams/)

7.甘特图

7.1 源码格式示例:

```mermaid

%% 语法示例

        gantt

        dateFormat  YYYY-MM-DD

        title 软件开发甘特图

        section 设计

        需求                      :done,    des1, 2014-01-06,2014-01-08

        原型                      :active,  des2, 2014-01-09, 3d

        UI设计                    :        des3, after des2, 5d

    未来任务                    :        des4, after des3, 5d

        section 开发

        学习准备理解需求                      :crit, done, 2014-01-06,24h

        设计框架                            :crit, done, after des2, 2d

        开发                                :crit, active, 3d

        未来任务                              :crit, 5d

        耍                                  :2d


        section 测试

        功能测试                              :active, a1, after des3, 3d

        压力测试                              :after a1  , 20h

        测试报告                              : 48h

```

甘特图

8.绘制表格

绘制表格两种方法
表格示例

9.制作一份待办事宜[Todo列表]

示例源码格式下输入:
- [ ] 支持以 PDF 格式导出文稿

- [ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率

- [x] 新增 Todo 列表功能

- [x] 修复 LaTex 公式渲染问题

- [x] 新增 LaTex 公式编号功能

【TODO列表】

10.重点

Markdown将星号(*)和下划线(_)视为重点指示。用 * 或 _ 包裹的文本将带有HTML<em>标记single asteriskssingle underscores

11.关于Typora主题

为了让文档更美观,我们可以为其加上 CSS style。我认为 Typora 对 CSS 的支持让它成为一众桌面笔记应用中最与众不同的一个。在 Typora 中 CSS 被称为「主题」,但其本质仍是 CSS 文件。

1.文件 --> 偏好设置 --> 外观-->主题-->打开主题文件夹 ,看到CSS样式可以根据自己需要进行修改.

主题CSS文件夹

2.选择不同的主题可以使文档拥有不同的外观,但不会影响内容。Typora 自带了若干主题,你也可以在 官网 (http://theme.typora.io/)下载更多的主题。

文件 --> 偏好设置 --> 外观-->主题-->获取主题-->在官方主题中选择自己喜欢的主题-->GitHub下载

  解压后放到Typora 专门存放的Themes文件夹就好,路径:C:\Users\Administrator\AppData\Roaming\Typora\themes

一个学术文档编辑器

Typora 还是一个非常优秀的学术文档编辑器。当然作为一个轻量级的、基于 Markdown 的编辑器,它不能与那些 LaTeX 编辑器相提并论,但它仍支持了许多可用于学术写作的功能

LaTex

LaTeX 是一种基于 TeX 的排版系统,由于它易于快速生成复杂表格和数学公式,非常适用于生成高印刷质量的科技和数学类文档。如果你常阅读数学、计算机等领域的学术论文,你一定对 LaTeX 不陌生

Typora 原生支持 LaTeX 语法,你有两种方式输入 LaTeX 风格的数学公式:1.行内公式(inline): 用 $.....$ 括起来公式,公式会出现在行内。2.块间公式(display): 用 $$....$$ 括起来公式(注意$$ 后需要换行),公式会默认显示在行中间

LaTeX 公式

$ 表示行内公式:  $E=mc^2$$$ 表示整行公式:$$\sum^{j-1}{k=0}{\widehat{\gamma}{kj} z_k}$$

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,937评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,503评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,712评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,668评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,677评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,601评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,975评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,637评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,881评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,387评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,971评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2 342

推荐阅读更多精彩内容