0
点赞
收藏
分享

微信扫一扫

开发工具~Markdown的基本使用

杰森wang 2022-04-13 阅读 79

一、Markdown语法

1.1 标题

使用 # 可以表示标题,一级标题对应一个 #,二级标题对应两个 #号,最多至六级标题。在Typora中,# 后要紧接着一个空格才能表示标题,否则就是普通字符。

在Typora中,也可以使用快捷键Ctrl+1(2,3,4,5,6)表示相对应的标题。Ctrl+0表示段落。标题快捷键信息可在菜单栏中的段落选项下查看。

1.2 字体

  • 用一对星号*括住的文本表示斜体文本,如:*要变斜体的文本*斜体文本
    也可以使用Typora的快捷键Ctrl+I来表示斜体文本。
  • 用一对**括住的文本表示粗体文本,如:**要变粗体的文本**粗体文本
    也可以使用Typora的快捷键Ctrl+B来表示粗体文本。
  • 用一对***括住的文本表示粗斜体文本,如:***要变粗斜体的文本***粗斜体文本

1.3 各种线

  • 分割线,可以使用三个及以上的-+*来表示一条分割线;

​ 由三个-号表示的分割线:


​ 由三个*号表示的分割线:


​ 由三个+号表示的分割线

​ +++(在CSDN中不代表分割线)

  • 删除线,可以使用一对~~括住的文本来表示删除文本,如:~~要加删除线的文本~~删除文本;在Typora中,也可以使用快捷键Alt+Shift+5来加删除线,语法相同,删除线
  • 下划线,可以使用HTML的标签<u></u>表示增加下划线的文本,如:<u>要增加下划线的文本</u>下划线;在Typora中,也可以使用快捷键Ctrl+U来增加下划线,语法也是相同的,下划线

1.4 列表

无序列表

可以使用*+-标记符号来表示无序列表项,记住要在标记符号后添加一个空格,语法显示如下:

* 第一项
* 第二项
+ 第一项
+ 第二项
- 第一项
- 第二项

结果如下:

  • 第一项
  • 第二项
  • 第一项
  • 第二项
  • 第一项
  • 第二项

有序列表

可以使用数字加上.再加上空格来表示有序列表,语法如下:

1. 第一项
3. 第二项
10. 第三项
  1. 第一项
  2. 第二项
  3. 第三项

从结果可以看出,数字并不重要。

嵌套列表

    • 1.1
      • 1.1.1
        • 1.1.1.2
          • 1.1.1.3
    • 2.1
      • 2.1.1
        1. 有序列表第一项
        2. 有序列表第二项

首先使用*+-进入列表,然后回车换行,会发现系统自动生成列表第二项,此时按下Tab键,列表第二项变为第一项的子列表。按回车退出当前列表。可以在无序列表中嵌套有序列表。

    1. —、—
      1. —、—、—
        1. —、—、—、—、—
        2. —、—、—、—、—
    1. 一、二
    2. 一、二
      1. 无序列表第一项
      2. 无序列表第二项

也可以在有序列表中嵌套无序列表。

1.5 区块

当我们想要引用别人的文章内容时,可以将其放在区块内。

可以使用>加空格来表示区块。

要退出区块,同样使用Enter键即可。

1.6 代码

如果是一行代码,可以使用段内代码块来表示,用一对 `(数字1旁边的符号)括住代码。

比如printf("Hello World!")

如果是代码段,那么可以使用三个 ` 加Enter/空格+编程语言来表示。如:

# include <stdio.h>
void main(){
	printf("Hello world!\n");
}

可以在代码块的右下角选择编程语言。

1.7 链接

链接的使用方式有两种语法,如下:

[链接文字](链接地址)
或
<链接地址>

我们可以使用链接打开网页,示例如下:

[百度](https://www.baidu.com/)
<https://www.baidu.com/>

显示效果如下:

百度

https://www.baidu.com/

当鼠标移到相应的链接文字时,按住Ctrl+鼠标左键点击访问。

链接除了可以打开相应的网页外,还可以打开本地文件,使用方式类似,不过链接地址需要使用本地文件的地址,相对地址、绝对地址均可:

示例:(只能使用第一种方法)

[打开LinkTest.md文档](./LinkTest.md)
[打开LinkTest.png照片](./img/LinkTest.png)

结果如下:

打开LinkTest.md文档
打开LinkTest.png照片

经测试可以打开相应的文件。但是不能使用<要打开的文件地址>来打开相应的文件,比如<./LinkTest.md>并没有表现为可链接状态。

补充知识:

一个小圆点.表示当前目录,故./LinkTest.md表示当前目录下的LinkTest.md文件,./img/LinkTest.png表示当前目录下的img文件下的LinkTest.png文件。

两个小圆点..表示上一级目录。

我们也可以使用链接来实现页内跳转,语法为:

[链接文字](#标题文字)

示例:

[跳转到第一章第一节](#1.1 Markdown介绍)

结果如下:
[跳转到第一章第一节](#1.1 Markdown介绍)

经测试,可以成功跳转。
在CSDN中不支持这种页内跳转方式。

1.8 图片

我们也可以在Markdown文档中插入图片,语法如下:

![alt 属性文本](图片地址)

![alt 属性文本](图片地址 "可选标题")
  • 首先一个感叹号
  • 然后中括号里面写属性文本
  • 小括号里面写图片地址,后可接标题

示例语法:

![本地png图片PictureTest.png](./img/PictureTest.png)

![本地jpg图片](./img/PictureTest.jpg)

![网络图片](http://static.runoob.com/images/runoob-logo.png "菜鸟教程")

结果如下:

本地png图片PictureTest.png

本地jpg图片

在Typora中,也可以直接使用Ctrl+CCtrl+V来直接进行复制粘贴图片,但是,由于Markdown是需要图片的地址的,所以需要简单设置一下Typora。

点击文件 --> 偏好设置 --> 图像,如下:

图片一

可以自行设置选择将图片复制到哪个文件夹。

图片二

这里选择复制到指定路径,然后在下面一栏中填写./img,表示将图片复制到你正在编辑的文档同一级的img文件夹下。在下面的选项中,勾选第一、二、三项。正因为勾选了第二项,所以当我们在插入网络图片时,Typora会自动帮我们将网络图片下载到指定的路径下,前面的"菜鸟教程"图片便是如此。

1.9 表格

Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

语法如下:

|表头|表头|表头|
|---|---|----|
|单元格|单元格|单元格|
|单元格|单元格|单元格|

结果如下:

表头表头表头
单元格单元格单元格
单元格单元格单元格

我们可以设置对齐方式:

  • :-表示左对齐
  • -:表示右对齐
  • :-:表示中间对齐

示例如下:

左对齐|右对齐|中间对齐|
|:---|---:|:----:|
|单元格|单元格|单元格|
|单元格|单元格|单元格|

结果如下:

左对齐中间对齐右对齐
单元格单元格单元格
单元格单元格单元格

在Typora中,我们可以使用快捷键Ctrl+T来插入表格,并选择行列,当选中表格某一单元格时,可以在表格左上角手动设置对齐方式,右上角选择更多操作。

二、Typora与HTML

2.1 改变字体的颜色及大小

我们可以使用<font> <font>标签来改变字体的颜色及大小,如:

<font size=3 color="red">字体颜色为红色,大小为3</font>
<font size=4 color="blue">字体颜色为蓝色,大小为4</font>
<font size=6 color="violet">字体颜色为紫罗兰,大小为6</font>
<font color=#0099ff>color #0099ff</font>
<font color=red>红色</font>

结果为:

字体颜色为红色,大小为3
字体颜色为蓝色,大小为4
字体颜色为紫罗兰,大小为6
color #0099ff
红色

属性size表示字体大小,color表示颜色。

常用颜色:

color=maroon
color=grey
color=silver
color=lightgrey
color=HotPink
color=DeepPink
color=VioletRed
color=Purple
color=navy
color=Blue
color=DeepSkyBlue
color=LightSkyBlue
color=aqua
color=DarkTurquoise
color=LightSeaGreen
color=YellowGreen
color=LawnGreen
color=GreenYellow
color=Yellow
color=Tomato
color=red
color=fuchsia
color=MediumOrchid
color=DarkViolet

2.2 改变字体的字号

我们可以使用<font> <font>标签来改变字体的字号,如:

默认字体
<font face="黑体">黑体</font>
<font face="微软雅黑">微软雅黑</font>
<font size=2 face="黑体">黑体2号</font>
<font color=red size=6 face="黑体">红色6号黑体</font>

默认字体
黑体
微软雅黑
黑体2号
红色6号黑体

三、扩展用法

3.1 插入emoji表情

我们可以使用:emoji:的语法来插入表情,比如:

:happy:的语法为:happy:

🦀的语法为:crab:

🐴的语法为:horse:

3.2 插入目录

当我们为使用标题将文分章节后,可以在输入[toc]命令的地方自动根据标题生成目录。

3.3 导出

选择文件 --> 导出,可以选择导出的文件格式,有pdf,html,word等格式。

3.4 文本高亮

在Typora中,可以用一对==将要高亮的文本括起来,如:

==要高亮的文本==
==背景会用黄色填充==

<mark>要高亮的文本</mark>
<mark>背景会用黄色填充</mark>

结果为:

要高亮的文本
背景会用黄色填充

要高亮的文本
背景会用黄色填充

这个功能可在偏好设置 --> Markdown扩展语法中设置。

3.5 上下标

在Typora中,可以用一对~将下标括起来,如:H~2~O表示H2O

同样,我们也可以用一对^将上标括起来,如:X^2^表示X2

上下标可在偏好设置 --> Markdown扩展语法中设置。

文章参考:

1.最齐的Typora使用教程:https://blog.csdn.net/qq_41261251/article/details/102817673

2.Markdown文字颜色、高亮、字体字号设置:https://blog.csdn.net/Treasure99/article/details/105601866

要高亮的文本
背景会用黄色填充

要高亮的文本
背景会用黄色填充

这个功能可在偏好设置 --> Markdown扩展语法中设置。

3.5 上下标

在Typora中,可以用一对~将下标括起来,如:H~2~O表示H2O

同样,我们也可以用一对^将上标括起来,如:X^2^表示X2

上下标可在偏好设置 --> Markdown扩展语法中设置。

文章参考:
1.最齐的Typora使用教程:https://blog.csdn.net/qq_41261251/article/details/102817673
2.Markdown文字颜色、高亮、字体字号设置:https://blog.csdn.net/Treasure99/article/details/105601866

举报

相关推荐

0 条评论