1 重要规则

1.1 图片存放规则:

单独笔记依赖的图片位置为:./typoraImg/${filename}.assets

这是一个相对路径,./表示当前文件夹的父亲文件夹,/typoraImg/表示这个父亲文件夹下的typoraImg文件夹,${filename}表示:以笔记的文件夹名称.assets生成一个文件夹用来存放图片。

所以使用时应注意:在笔记下建立一个文件夹A,然后把要写的笔记都放置到这个A下面,如果有引用的图片,就会存放A文件夹下名叫typoraImg的文件夹中。

2.1 勿在本页引用图片

3.1 推荐图片设置:

Ctrl+逗号打开设置页面,选择图像,图片复制到${filename}.assets文件夹,这样的好处在于,创建一个笔记,就会在当前笔记下生成一个笔记名称.assets的文件夹用来存放图片,或自定义**./typoraImg/${filename}.assets**。这样也可以。只有一个点,表示当前的相对路径。

2 typora介绍

2.1 读音

模糊读法为:/‘taɪpəura/

2.2markdown编辑器

Typora是一个所见即所得的Markdown格式文本编辑器。它有 OS X、Windows、Linux 三个平台的版本,并且由于仍在测试中,是完全免费的。

2.2markdown语法

标题的使用

# 一阶标题 或者快捷键Ctrl+1

## 二阶标题 或者快捷键Ctrl+2

…..#加上空格

######六阶标题 或者快捷键Ctrl+6

文本居中使用格式

1
\<center\>这是要居中的文本内容\</center\>1

文本居中在Typora中显示形式是

这是要居中的文本

注:Typora目前并不会直接预览居中效果——相应的效果只有输出文本的时候才会显现。

下划线

下划线使用格式

\下划线的内容<\u> 或者快捷键Ctrl+U

下划线在Typora显示形式是

这就是我亲测的下划线

删除线

删除线使用格式

~~删除线的内容~~

删除线在Typora显示形式是

这是删除线的内容

字体加粗

字体加粗使用格式

加粗字体 或者快捷键Ctrl+B

字体加粗在Typora显示形式是

加粗字体 This is a bold font

字体倾斜

字体倾斜使用格式

字体倾斜了 或者快捷键Ctrl+I

字体倾斜在Typora的显示形式

字体倾斜了 This is a alanted font

超链接

超链接使用格式

第一种:[http://www.simba.com](http://www.simba.com/)

第二种:快捷键Ctrl+K

自定义内容 例如:百度一下

超链接在Typora显示形式是:(必须以http开头)

第一种:http://www.simba.com

第二种:百度一下

按住Ctrl键+点击上面链接就可以直接访问该链接

代码区域

Typora支持对多种语言的代码区域进行语法高亮。这些语言可以说是涵盖了绝大部分经常使用的编程语言,包括C++,Python,MATLAB,甚至包含spreadsheet(也就是Excel电子表格)。如果设置代码语言为flow,那么可以直接画出一个流程图;还可以使用相应的方法画出时序图等图表。

```+语言名称 比如一一```+java

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

代码区域在typora中显示形式

​```java
public class simba{
  public static void main(String[] args){
    System.out.println("我爱你,中国");
  }
}
12345

表格的使用

第一种:快捷键Ctrl+T,会自动跳出设置行和列的设置框

国籍 省份 市区
中国 北京 东城区

任务列表

任务列表使用格式

- [ ] 文字 (注:-空格[空格]空格 - [ ] 文字)

任务列表在typora中的显示形式

  • JAVA
  • C

列表

列表的使用格式

+ 、- 、* 创建无序列,任意数字+ . +空格创建有序列表

列表在typora中的显示形式

  • java
  • C

数学表达式

Typora支持加入用LaTeX写成的数学公式,并且在软件界面下用MathJax直接渲染。

数学公式分为两种:

一种是行内公式(inline math),可以在偏好设置中单独打开,由一个美元符号$将公式围起来;

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

注:上标和下标可以使用数学表达式来获取

水平分割线

水平分割线的使用格式

***或者- - -

水平分割线在typora中显示形式


引用

引用的使用格式

>+空格

引用在typora中的显示形式

与天奋斗,其乐无穷!与地奋斗,其乐无穷!与人奋斗,其乐无穷!

另一种引用:`被引用的字`

你好啊阿萨德

注释

注释的使用格式

要添加注释的文字[1](https://blog.csdn.net/mollen/article/details/84110708#fn:)

注释在typora中显示形式

中国2

表情

表情的使用格式

:单词

表情在typora中的显示形式

😃

菜单

可以用[TOC]来为本页面加一个菜单。

2.3Typora快捷键

快捷键 作用 快捷键 作用
Ctrl+1到6 一到六阶标题 Ctrl+B 字体加粗
Ctrl+I 字体倾斜
Ctrl+U 下划线
Ctrl+Home 返回Typora顶部
Ctrl+End 返回Typora底部
Ctrl+T 创建表格
Ctrl+L 选中某句话 Ctrl+K 创建超链接
Ctrl+D 选中某个单词 Ctrl+F 搜索
Ctrl+E 选中相同格式的文字 Ctrl+H 搜索并替换
Alt+Shift+5 删除线 Ctrl+Shift+I 插入图片
Ctrl+Enter 表格中快速插入行 Shift+Enter 换行

注:一些实体符号需要在实体符号之前加”\”才能够显示

2.4常用设置

名称 功能 快捷键
视图->专注模式 鼠标光标指向某一段落,该段落常亮,其他区域边灰。 F8
视图->打字机模式 鼠标光标指向某一处,屏幕会自动移到这个区域。 F9
开发者工具 类似于浏览器按F12调试。 Shift+F12
源代码模式 显示mrakdown的源码 Ctrl+/

2.5我的设置

高级设置:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
/** For advanced users. 对于高级用户*/
{
  "defaultFontFamily": {
    "standard": null, //String - Defaults to "Times New Roman" 默认字体为 新罗马字体.
    "serif": null, // String - Defaults to "Times New Roman".
    "sansSerif": null, // String - Defaults to "Arial".
    "monospace": null // String - Defaults to "Courier New".
  },
  "autoHideMenuBar": false, //Boolean - Auto hide the menu bar unless the `Alt` key is pressed. Default is false自动隐藏菜单栏,除非按下“Alt”键.

  // Array - Search Service user can access from context menu after a range of text is selected. Each item is formatted as [caption, url]
  "searchService": [
    ["\u767e\u5ea6\u4e00\u4e0b", "https://www.baidu.com/s?wd=%s"]
  ],

  // Custom key binding, which will override the default ones.
  "keyBinding": {
    // for example: 
    // "Always on Top": "Ctrl+Shift+P"
  },

  "monocolorEmoji": false, //default false. Only work for Windows
  "autoSaveTimer" : 3, // Deprecidated, Typora will do auto save automatically. default 3 minutes
  "maxFetchCountOnFileList": 500,
  "flags": [] // default [], append Chrome launch flags, e.g: [["disable-gpu"], ["host-rules", "MAP * 127.0.0.1"]]
}

3typora进阶部分

3.1自定义主题

左上角点击:文件→外观→主题→打开主题文件夹

找到当前使用的主题文件,然后打开,进行修改。 以下是我个人使用的样式:可

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
:root {
    --side-bar-bg-color: #fafafa;
    --control-text-color: #777;
}

@include-when-export url(https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Regular'),url('./github/400.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: normal;
    src: local('Open Sans Italic'),url('./github/400i.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: bold;
    src: local('Open Sans Bold'),url('./github/700.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: bold;
    src: local('Open Sans Bold Italic'),url('./github/700i.woff') format('woff');
}

html {
    font-size: 16px;
}

body {
    font-family: "Open Sans","Clear Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: rgb(51, 51, 51);
    line-height: 1.6;
}

#write {
    max-width: 860px;
  	margin: 0 auto;
  	padding: 30px;
    padding-bottom: 100px;
}
#write > ul:first-child,
#write > ol:first-child{
    margin-top: 30px;
}

a {
    color: #4183C4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;
    line-height: 1.4;
    cursor: text;
}
h1:hover a.anchor,
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor,
h5:hover a.anchor,
h6:hover a.anchor {
    text-decoration: none;
}
h1 tt,
h1 code {
    font-size: inherit;
}
h2 tt,
h2 code {
    font-size: inherit;
}
h3 tt,
h3 code {
    font-size: inherit;
}
h4 tt,
h4 code {
    font-size: inherit;
}
h5 tt,
h5 code {
    font-size: inherit;
}
h6 tt,
h6 code {
    font-size: inherit;
}
h1 {
    padding-bottom: .3em;
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid #eee;
	color: #f77567;
}
h2 {
   padding-bottom: .3em;
    font-size: 1.75em;
    line-height: 1.225;
    border-bottom: 1px solid #eee;
	color: #9abc52;
}
h3 {
    font-size: 1.5em;
    line-height: 1.43;
	color: #90a7d1;
}
h4 {
    font-size: 1.25em;
}
h5 {
    font-size: 1em;
}
h6 {
   font-size: 1em;
    color: #777;
}
p,
blockquote,
ul,
ol,
dl,
table{
    margin: 0.8em 0;
}
li>ol,
li>ul {
    margin: 0 0;
}
hr {
    height: 2px;
    padding: 0;
    margin: 16px 0;
    background-color: #e7e7e7;
    border: 0 none;
    overflow: hidden;
    box-sizing: content-box;
}

li p.first {
    display: inline-block;
}
ul,
ol {
    padding-left: 30px;
}
ul:first-child,
ol:first-child {
    margin-top: 0;
}
ul:last-child,
ol:last-child {
    margin-bottom: 0;
}
blockquote {
    border-left: 4px solid #8BC34A;
    padding: 0 15px;
    color: #777777;
}
blockquote blockquote {
    padding-right: 0;
}
table {
    padding: 0;
    word-break: initial;
}
table tr {
    border-top: 1px solid #dfe2e5;
    margin: 0;
    padding: 0;
}
table tr:nth-child(2n),
thead {
    background-color: #f8f8f8;
}
table tr th {
    font-weight: bold;
    border: 1px solid #dfe2e5;
    border-bottom: 0;
    margin: 0;
    padding: 6px 13px;
}
table tr td {
    border: 1px solid #dfe2e5;
    margin: 0;
    padding: 6px 13px;
}
table tr th:first-child,
table tr td:first-child {
    margin-top: 0;
}
table tr th:last-child,
table tr td:last-child {
    margin-bottom: 0;
}

.CodeMirror-lines {
    padding-left: 4px;
}

.code-tooltip {
    box-shadow: 0 1px 1px 0 rgba(0,28,36,.3);
    border-top: 1px solid #eef2f2;
}

.md-fences,
code,
tt {
    border: 1px solid #e7eaed;
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 0;
    padding: 2px 4px 0px 4px;
    font-size: 0.9em;
}

code {
    background-color: #e5e5e5;
    padding: 0 2px 0 2px;
	    color: #777;
}

.md-fences {
    margin-bottom: 15px;
    margin-top: 15px;
    padding-top: 8px;
    padding-bottom: 6px;
}


.md-task-list-item > input {
  margin-left: -1.3em;
}

@media print {
    html {
        font-size: 13px;
    }
    table,
    pre {
        page-break-inside: avoid;
    }
    pre {
        word-wrap: break-word;
    }
}

.md-fences {
	background-color: #f8f8f8;
}
#write pre.md-meta-block {
	padding: 1rem;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border: 0;
    border-radius: 3px;
    color: #777777;
    margin-top: 0 !important;
}

.mathjax-block>.code-tooltip {
	bottom: .375rem;
}

.md-mathjax-midline {
    background: #fafafa;
}

#write>h3.md-focus:before{
	left: -1.5625rem;
	top: .375rem;
}
#write>h4.md-focus:before{
	left: -1.5625rem;
	top: .285714286rem;
}
#write>h5.md-focus:before{
	left: -1.5625rem;
	top: .285714286rem;
}
#write>h6.md-focus:before{
	left: -1.5625rem;
	top: .285714286rem;
}
.md-image>.md-meta {
    /*border: 1px solid #ddd;*/
    border-radius: 3px;
    padding: 2px 0px 0px 4px;
    font-size: 0.9em;
    color: inherit;
}

.md-tag {
    color: #a7a7a7;
    opacity: 1;
}

.md-toc { 
    margin-top:20px;
    padding-bottom:20px;
}

.sidebar-tabs {
    border-bottom: none;
}

#typora-quick-open {
    border: 1px solid #ddd;
    background-color: #f8f8f8;
}

#typora-quick-open-item {
    background-color: #FAFAFA;
    border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
    border-style: solid;
    border-width: 1px;
}

/** focus mode */
.on-focus-mode blockquote {
    border-left-color: rgba(85, 85, 85, 0.12);
}

header, .context-menu, .megamenu-content, footer{
    font-family: "Segoe UI", "Arial", sans-serif;
}

.file-node-content:hover .file-node-icon,
.file-node-content:hover .file-node-open-state{
    visibility: visible;
}

.mac-seamless-mode #typora-sidebar {
    background-color: #fafafa;
    background-color: var(--side-bar-bg-color);
}

.md-lang {
    color: #b4654d;
}

.html-for-mac .context-menu {
    --item-hover-bg-color: #E6F0FE;
}

#md-notification .btn {
    border: 0;
}

.dropdown-menu .divider {
    border-color: #e5e5e5;
}

.ty-preferences .window-content {
    background-color: #fafafa;
}

.ty-preferences .nav-group-item.active {
    color: white;
    background: #999;
}

mark span:only-of-type.md-plain{
	background:white;
	color:#F44336;
	font-weight: bold;
}

比如说自定义标题颜色:修改中的css样式

这里自定义了颜色:#f77567,#9abc52, #90a7d1

3.2高级设置

设置–>通用–>高级设置。这里有一些高级设置,其中我将右击goole搜索替换为了百度搜索。

具体设置为:把Goole替换为一一>["\u767e\u5ea6\u4e00\u4e0b”, “https://www.baidu.com/s?wd=%s”]