Markdown格式的笔记好好看~ 也想学着写出来~
以上。
typora实时渲染,对markdown完美支持,丰富的主题,高效的快捷键操作。
Typora 的 markdown 语法
1、标题
使用简单的 ctrl+数字键 就可以快速完成各种级别的标题
ctrl+1 一级标题;ctrl+2 二级标题;etc.
2、下划线
ctrl + u
3、删除线
alt + shift + 5
4、字体加粗
ctrl + b
5、字体倾斜
ctrl + i
6、无序列表
- space + enter
(嵌套无序列表)
7、有序列表
数字键 + space + enter
(嵌套有序列表)
8、引用
- space + enter
- space + enter 或者 ctrl + shift + q
9、插入链接
ctrl + k
10、插入图片
本地直接拖拉图片到 md 文件 或者配合 MPic完成图片上传图床并复制链接到 md 文件
或者 ctrl + shift + i
11、代码块
ctrl + shift + f,支持 java,python,groovy 等 绝大多数编程语言
12、文章跳转
ctrl + home 跳转至文章开头,ctrl + end 跳转至文章末尾
13、选中英文单词/中文
ctrl + d 或者 ctrl + shift + left/right 左右进行文本选中
14、按行选中
ctrl + l
16、快速搜索
ctrl + f
支持区分英文大小写和整个单词搜索,也支持中文搜索
17、替换
ctrl + h
18、快速生成表格
ctrl + t
19、快速打开笔记
ctrl + p
20、toc 快速生成目录
[toc] + enter
21、着重关键字
ctrl + shift + 反引号键(tab 键上面那个键)
22、表情符号
英文状态下的引号,输入字母自动显示表情符号
还有一种方式,使用输入法的快捷键,这里我使用的是微软输入法 ctrl + shift + b
23、新建文件
ctrl + n
24、显示和隐藏侧边栏
ctrl + shift + l
25、全屏切换
f11
26、分割线
--- + enter
27、高亮显示
==文字==
28、自动保存
29、段落快捷键
ctrl + 0
30、定义脚注
文字[^脚注]
md 文件导出
虽然写笔记使用的是 md 的格式,但是通常查阅文件都是 pdf 格式。Typora 同样提供了对 pdf 文件格式的导出支持。
如果笔记插入有 gif 文件,建议导出为 html 格式 ,否则建议 pdf
到官网,可以看到有非常多的主题可以选择,加上默认自带的四种主题,共计十多个主题。选择自己喜欢的主题,下载下来,通常是个压缩包,解压后放入 Typora 的主题文件夹并按照如下格式,重启 Typora 就可以使用了。
typora画流程图、时序图(顺序图)、甘特图
- 横向流程图源码格式:
graph LR
A[方形] -->B(圆角)
B --> C{条件a}
C -->|a=1| D[结果1]
C -->|a=2| E[结果2]
F[横向流程图]
- 竖向流程图源码格式:
graph TD
A[方形] -->B(圆角)
B --> C{条件a}
C -->|a=1| D[结果1]
C -->|a=2| E[结果2]
F[竖向流程图]
- 标准流程图源码格式:
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
- UML时序图源码样例:
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象A->对象B: 你真的好吗?
UML时序图源码复杂样例:
Title: 标题:复杂使用
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->C: 你好吗
C-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗?
Note over C,对象B: 我们是朋友
participant C
Note right of C: 没人陪我玩
########
UML标准时序图样例:
```mermaid
%% 时序图例子,-> 直线,-->虚线,->>实线箭头
sequenceDiagram
participant 张三
participant 李四
张三->王五: 王五你好吗?
loop 健康检查
王五->王五: 与疾病战斗
end
Note right of 王五: 合理 食物 <br/>看医生...
李四-->>张三: 很好!
王五->李四: 你怎么样?
李四-->王五: 很好!
甘特图样例:
%% 语法示例
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