1.基本操作
看菜单就有相关的快捷键说明
2.浏览器属性
文件—偏好设置
通用—调试模式:开启右键检查元素功能,可以修改css样式
外观—主题–主题文件夹----主题都是由css样式组成的
编辑器—设定相关的格式–代码缩进、显示行号等
Markdown语法扩展
视图—源代码模式
可以直接在这里面写html代码,而且马上可以看到效果!!见最后扩展示例
3.MarkDown语法(推荐快捷键、语法格式、鼠标插入混用)
Ctrl+/ 切换两种模式,窗口左下角也可选择,左下角还可关闭/显示大纲区域
部分语法在在英文输入法下才有效
标题:(#的数量,中间有空格)
一级标题(# 一级标题)
六级标题(###### 一级标题)
字体:(选中即可展示)
加粗
斜体
加粗斜体
删除线
高亮
我是上标
我是下标
列表:(前后缩进:tab、shift+tab)
无序列表:(加号\星号-加一个空格)
- 列表
- 列表
- 列表
- 列表
- 列表
- 列表
有序列表:(数字加点加空格)
- 数字
- 数字
- 数字
- 数字
表格:(shift+上方的制表符“|”,制表符间隔表头,回车即可生成、右键插入也行 ctrl+t)
1 | 2 | 3 | 4 |
---|---|---|---|
|1|1|11 | 121212 | 1212 | 1 |
(shift+滚轮 左右查看表格)
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1111 | 11111 | 11111111111111111 | 1111111111111111111111 | 111111111111111111 | 11111111111111111111111 | 11111111111 |
引用(> 的数量 + 空格 、 shift+tab可破开同级)
一级
一级
二级
三级
代码
插入代码:三个~ +语言名称+ 回车 / 三个 ` + 回车 (就是tab上面的按键)
code
单行代码:也是`键(飘)
分割线(三个*或者三个- + 回车)
插图 (![名字](路径))
建议到偏好设置中设置相关便捷操作,如自动在当前文件夹下生成目录 .\表示当前文件夹
)
页内跳转(和超链接原理一致,主要是找到定位的目标点)
-
跳转到[标题位置](# 3.MarkDown语法(推荐快捷键、语法格式、鼠标插入混用))
[任意文字] (#标题名称)
-
跳转到非标题所在位置,即页面内任何位置,用html的
a
标签,走起[任意文字] (#标题名称)
超链接 [名称](链接) 按住ctrl点击链接便可打开
百度
扩展:本软件开发的环境支持html格式,直接用html+css写也可以….
eg1:
这是一条测试
This is some text!
This is some text!
This is some text!
<h5>这是一条测试</h5>
<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>
eg2:
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6
请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>
</body>
</html>
eg3:
表头:
姓名 | 电话 | 电话 |
---|---|---|
Bill Gates | 555 77 854 | 555 77 855 |
垂直的表头:
姓名 | Bill Gates |
---|---|
电话 | 555 77 854 |
电话 | 555 77 855 |
<html>
<body>
<h4>表头:</h4>
<table border="1">
<tr>
<th>姓名</th>
<th>电话</th>
<th>电话</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>
<h4>垂直的表头:</h4>
<table border="1">
<tr>
<th>姓名</th>
<td>Bill Gates</td>
</tr>
<tr>
<th>电话</th>
<td>555 77 854</td>
</tr>
<tr>
<th>电话</th>
<td>555 77 855</td>
</tr>
</table>
</body>
</html>
4.看官方文档
Typora Support - Typora Support
…