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: 你真的好吗?
```
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 公式编号功能
10.重点
Markdown将星号(*)和下划线(_)视为重点指示。用 * 或 _ 包裹的文本将带有HTML<em>标记single asteriskssingle underscores
11.关于Typora主题
为了让文档更美观,我们可以为其加上 CSS style。我认为 Typora 对 CSS 的支持让它成为一众桌面笔记应用中最与众不同的一个。在 Typora 中 CSS 被称为「主题」,但其本质仍是 CSS 文件。
1.文件 --> 偏好设置 --> 外观-->主题-->打开主题文件夹 ,看到CSS样式可以根据自己需要进行修改.
2.选择不同的主题可以使文档拥有不同的外观,但不会影响内容。Typora 自带了若干主题,你也可以在 官网 (http://theme.typora.io/)下载更多的主题。
解压后放到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}$$