文章目录
(Typora下)markdownd的使用说明
事先说明
本文原文来自B站的up主(维素s), 原视频在这,在使用Typora前可以观看up主视频来进行一些设置, 这里就不赘述。本文主要是两个目的:
1.一方面主要是自己通过这样的一个形式来练习和习惯md的语法(主要是以程序员的角度来使用这个工具). 2.另一方面就是也是通过自己的观看和学习来总结一下一些使用心得和体会.(算是自己的一个小语法典吧) 3.本文是针对Typora下的md编辑,与CSDN上的略有不同. 4.如有错误,欢迎理性讨论指出.
一、标题
语法:# (一级标题) ## (二级标题) ### (三级标题)
以此类推,一共是有六级标题,标题字体的大小随着级数的增加依此递减,也就是级数越大,标题越小。
需要注意的是#后面是有一个空格的。
同时需要注意的是md的语法中包含了很多的标点符号,和平时写代码一样,这是需要是英文状态下的标点符号,否则就可能达不到效果。
样例代码:
下面两行是我们具体输入进去的:(这时候就很明显可以看到这是有一个空格跟在#后面的) # 这是一级标题 ## 这是二级标题
相应的输入的代码的效果如下:
这是一级标题
这是二级标题
与此相应的快捷键主要有以下三个:
- Ctrl+数字1~6,可以快速将选中的文本调成对应级别的标题。
- Ctrl+数字0,可以快速将选中的文本调成普通文本(解释一下就是一级标题就是一个#,那普通文本前是没有#的,所以是数字0,也就是0级,就是普通文本。)
- Ctrl+加号/减号,这样可以对标题的级别进行加减。
二、段落
1、换行
这里就根据我使用的Typora编辑器来说吧,换行有两种:
1.直接(enter建)回车
2.使用(shift键+enter键)回车
这两种换行方式主要是文本之间 行距 的差别。 如果是第一种enter键换行的话那么行距就会相比较来说更大,本质上其实就是在两行文字之间多了一行空白行隔开两行文字。 如果是用第二种shift键+enter键换行就是会使行距更短,就是普遍意义上的换行,两行文字之间没有空白行。
第一种换行方式的效果:
第一行文字 第二行文字
第二种换行方式的效果:
第一行文字 第二行文字
当然了,这在后面写道的代码块里面是不一样的,代码块里面就是我们日常正常的写代码的换行习惯,就是enter键
2、分割线
语法:—(三个连续减号)或者+++(三个连续加号),然后enter键回车。
这样就可以形成一条分割线了。
样例代码:
--- 或者 +++ 然后enter键回车
效果如下:
这就是一条分割线。
三、文字显示
1、字体
语法:
粗体: **这是粗体** 文本两端用**包裹 删除线: ~~这是删除线~~ 文本两端用~~包裹 下划线: <u>这是下划线</u> 如所示 斜体: *这是斜体* 文本两端用*包裹 高亮: ==这是高亮== 文本两端用==包裹
相对应的效果如下:
这是粗体
这是删除线
这是下划线
这是斜体
这是高亮
快捷键:
- 加粗:选中文字,然后Ctrl+B
- 删除线:选中文字,Shift键+Alt键+5
- 下划线:选中文字,Ctrl+U
2、上下标
样例代码:
x^2^ H~2~O
对应效果如下:
x2
H2O
四、列表
1、无序列表
语法代码:
*/-/+ + 空格键 效果相同
效果如下:
1.只有同一级别:
- 苹果
- 香蕉
- 橘子
2.子集分类:
- 一级分类
- 二级分类
- 三级分类
方法就是可以使用键盘上的Tab键,如:当你现在是一级分类,然后按一下Tab键就可以升级。
当你写有文字,文本时,想直接在写有文本的分类下直接改变分类级别的话可以使用Ctrl键+[进行降级,用Ctrl键+]来升级。
2、有序列表
语法代码:
数字 + . + 空格
效果如下:
- 第一个内容
- 第二个内容
- 第三个内容
- 子内容1
- 子内容2
3、任务列表
样例代码(可以看到很明显的空格,这个需要注意):
- [ ] 吃早餐 - [ ] 背单词 文字表述就是:先输入-(减号),然后按空格,然后输入中括号,中括号内按一个空格,然后出中括号后,再按一个空格,一共三个空格键,然后就可以接着输入你的内容.
效果:
- 吃早餐
- 背单词
五、区块显示
语法代码:
> + enter键
效果:
这是最外层区块
这是内层区块
这是最内层区块
六、代码显示
1、行内代码
样例代码:
`int a = 0;` 代码两端被`键包裹 (说明: ` 位于Esc键下面)
效果如下:
int a = 0;
快捷键: Ctrl键+Shift键+`
如果文本已经写好,想要美化文本内的代码,可以先选中文中的代码,然后按`键,就可以实现了。
2、代码块
语法代码:
```(三个点后面输入代码语言)js/java/c++/text 然后按enter键回车,就可以在里面输入你的内容了. 也可以直接输入```然后回车即可,随后你可以在代码块右下角看到选择语言的选项.
七、链接
样例代码:
www.baidu.com [百度一下](https://www.baidu.com) [百度一下](https://www.baidu.com "https://www.baidu.com") 2和3有什么区别呢,主要就是3可以当你的鼠标停放在链接名字上时,可以显示链接
效果如下:
八、脚注
说明:对文本进行解释说明。
当你要对一句话进行解释说明,如:这是一个苹果。
样例代码:
这是一个苹果。[^1] [^1]:苹果是一种水果。
效果如下:
这是一个苹果。1
这时候当你把鼠标停发在数字1上时,就可以出现相应的解释说明。
九、图片插入
代码:
![外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传](https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=%E5%9B%BE%E7%89%87%E8%B7%AF%E5%BE%84%20%22%E5%9B%BE%E7%89%87%E6%A0%87%E9%A2%98%22&pos_id=img-fWnOdDkm-1721550759237)
效果:
(注:效果路径为C:\Users\asus\Pictures\Saved Pictures\Snipaste_2020-09-03_13-19-11.png。在其他电脑上可能不显示。)
快捷键: Ctrl+Shift+I
附上解决方案:link
十、表格
代码:
| 1 | 2 | 3 | | :--- | :--: | ---: | | 4 | 5 | 6 | | 7 | 8 | 9 | | 10 | 11 | 12 |
效果如下:
1 2 3 4 5 6 7 8 9 10 11 12
快捷键: Ctrl键+T
总结
这是我第一次用md语法来进行文章的书写,总的体验下来感觉是不难的,主要是自己动手亲自写一下,体验一下。写md语法说明也是一次很好的锻炼,大家也可以尝试一下。up主视频底下评论区有源文件,大家可以自行下载练习。
这是一个苹果。 ↩︎