Typora操作技巧说明（二）

一.前期准备

1.1准备模板主题

打开主题文件夹：

从主题文件夹中选择要使用的模板：

本文使用github主题作为模板。

1.2HTML与Markdown之间的对应关系

markdown 与 HTML 之间的渲染，存在一个对应的关系。markdown 虽然只要求你用最简明的标记语言，来进行编写，但它实际会成为一个结构明晰的 html 网页。可以说 markdown 提供了一个骨架，而样式表就是给它一套外观。

描述	markdown	HTML标签
标题	# 一级标题 ## 二级标题	h1,h2…h6
粗体	**粗体**	b , strong
斜体	*斜体*	em, i
分割线	---	hr
无序列表	* 1 - 1 + 1	ul
有序列表	1.	ol
引用	>	blockquote
超链接	[url](url)	a
图片		img
表格	见下	table
代码段	见下	code
段落	无特殊表示	p

二.制作自己的主题

2.1基本排版样式

• 背景颜色：background-color
• 字体颜色：color
• 字体大小：font-size
• 行高：line-height
• 行间距：letter-spacing
• 内边距：padding
• 外边距：margin
• 边框：border

2.2更改markdown元素

#write包裹的 markdown 文本编辑区域：

font-size修改markdown正文字体大小：

在body块中更改正文字体、字体颜色和行间距：

h1-h2修改各级标题样式：

blockquote块中修改引用块的样式：

table tr块中修改表格整体的四周线宽属性属性：

table th块中设置表格的第一行样式：

table td块中设置表格内的单行样式：

img块中设置图片的样式：

a块中设置正文目录的样式：

​ tt块中设置代码块的样式：

keyBinding中可以设置各个操作的快捷键：

code块中设置行代码的样式：

md-fences块中可以设置代码块的样式：