使用 Typora 搭建高效写作环境

typora

常用快捷键

File

功能	快捷键（Windows/Linux）	快捷键(MacOS）
新建	Ctrl + N	Command + N
新建窗口	Ctrl + Shift + N	Command +Shift + N
新建 Tab	(Not Supported)	Command + T
打开	Ctrl + O	Command + O
快速打开	Ctrl + P	Command + Shift + O
重新打开关闭文件	Ctrl + Shift + T	Command + Shift + T
保存	Ctrl + S	Command + S
另存为	Ctrl + Shift + S	Command + Shift + S
首选项	Ctrl + ,	Command + ,
关闭	Ctrl + W	Command + W

Edit

功能	快捷键（Windows/Linux）	快捷键(MacOS）
新段落	Enter	Enter
换行	Shift + Enter	Shift + Enter
剪切	Ctrl + X	Command + X
复制	Ctrl + C	Command + C
粘贴	Ctrl + V	Command + V
复制为 Markdown	Ctrl + Shift + C	Command + Shift + C
粘贴为纯文本	Ctrl + Shift + V	Command + Shift + V
全选	Ctrl + A	Command + A
选中当前行	Ctrl + L	Command + L
删除行 (表格)	Ctrl + Shift + Backspace	Command + Shift + Backspace
选择样式范围 <br />选中单元格 (表格)	Ctrl + E	Command + E
选中单词	Ctrl + D	Command + D
删除单词	Ctrl + Shift + D	Command + Shift + D
跳到顶部	Ctrl + Home	Command + ↑
跳转到选择	Ctrl + J	Command + J
跳到底部	Ctrl + End	Command + ↓
查找	Ctrl + F	Command + F
查找下一个	F3 / Enter	Command + G / Enter
查找上一下	Shift + F3 / Shift + Enter	Command + Shift + G / Shift + Enter
替换	Ctrl + H	Command + H

Paragraph

功能	快捷键（Windows/Linux）	快捷键(MacOS）
标题 1 to 6	Ctrl + 1/2/3/4/5/6	Command + 1/2/3/4/5/6
段落	Ctrl + 0	Command + 0
提升标题级别	Ctrl + =	Command + =
降低标题级别	Ctrl + -	Command + -
表格	Ctrl + T	Command + Option + T
代码块	Ctrl + Shift + K	Command + Option + C
数学公式块	Ctrl + Shift + M	Command + Option + B
引用	Ctrl + Shift + Q	Command + Option + Q
有序列表	Ctrl + Shift + [	Command + Option + O
无序列表	Ctrl + Shift + ]	Command + Option + U
缩进	Ctrl + [ / Tab	Command + [ / Tab
突进	Ctrl + ] / Shift + Tab	Command + ] / Shift + Tab

Format

功能	快捷键（Windows/Linux）	快捷键(MacOS）
加粗	Ctrl + B	Command + B
斜体	Ctrl + I	Command + I
下划线	Ctrl + U	Command + U
代码	Ctrl + Shift + `	Command + Shift + `
删除	Alt + Shift + 5	Control + Shift + `
超链接	Ctrl + K	Command + K
图片	Ctrl + Shift + I	Command + Control + I
清除格式	Ctrl + \	Command + \

View

功能	快捷键（Windows/Linux）	快捷键(MacOS）
切换侧边栏	Ctrl + Shift + L	Command + Shift + L
大纲	Ctrl + Shift + 1	Command + Control + 1
文章	Ctrl + Shift + 2	Command + Control + 2
文件树	Ctrl + Shift + 3	Command + Control + 3
源代码模式	Ctrl + /	Command + /
焦点模式	F8	F8
打字机模式	F9	F9
切换全屏	F11	Command + Option + F
真实大小	Ctrl + Shift + 0	(Not Supported)
放大	Ctrl + Shift + =	(Not Supported)
缩小	Ctrl + Shift + -	*(Not Supported)
在打开的文档之间切换	Ctrl + Tab	Command + `
开发者工具	Ctrl + Shift + I

图床方案

通过使用 PicGo + Gitee 的方式实现图床方案。

PicGo

• PicGo 官方网站
• 相关插件
  • gitee ： 支持 gitee 图床配置
  • super-prefix： 支持自定义上传路径规则
  • 更多插件：Awesome-PicGo

Gitee

• 使用 Gitee 的公开仓库作为图片存储位置
• 注意：单个图片大小不要超过 1M 。

Markdown 文档规范

Google

文档布局

# 文档标题

简短介绍.

[TOC]

## 主题

内容.

## 参考文档

* https://link-to-more-info

1. 文档标题：第一个标题应该是一级标题，理想情况下应该与文件名相同或几乎相同。第一级标题用作页面 <title> 。
2. 简短介绍：用 1 ~ 3 句话介绍一下文档的主题。
3. TOC: 如果您使用支持目录的托管，请在简短介绍后放置 [TOC]。

字符行限制

尾随空格

不要使用尾随空格，用尾随的反斜杠代替。

标题

ATX 风格的标题。

在 # 后加空格，并和上下文保持间隔。

列表

• 对长列表使用懒人编号法。
• 嵌套列表间距
  • 嵌套列表时，对数字开头的列表和星号开头的列表都使用四个空格的缩进

代码

• 单行代码
• 代码块
  • 代码超过一行时，请使用代码块
  • 语言声明
  • 缩进代码
  • 避免换行
  • 列表内嵌套代码块
    • 使用缩进来确保它不会破坏列表

超链接

尽可能缩短你的链接。使用具有提示性的超链接标题。

图片

少用图片，纯文本可以使用户更快地进行交流，较少读者的分心和作者的拖延。但是，有时图片利于表达。

List 优于 Tables

Markdown 优于 HTML

使用 Markdown 画图

Sequence

该图形绘制是基于 js-sequence 。

Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow

Flowcharts

该图形绘制是基于 flowchart.js 。

st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...
para=>parallel: parallel tasks

st->op1->cond
cond(yes)->io->e
cond(no)->para
para(path1, bottom)->sub1(right)->op1
para(path2, top)->op1

Mermaid

该特性是基于 mermaid 实现。

流程图

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

时序图

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

甘特图

gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram to mermaid
excludes weekdays 2014-01-10

section A section
Completed task            :done,    des1, 2014-01-06,2014-01-08
Active task               :active,  des2, 2014-01-09, 3d
Future task               :         des3, after des2, 5d
Future task2               :         des4, after des3, 5d

类图

classDiagram
Class01 <|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 <--> C2: Cool label

Meramid 支持很多其他类型的图，可以通过官网了解其语法规则。

参考文档

• Google Markdown 文档风格指南
• Markdown 编写规范
• 使用 Markdown 绘图