Markdown基础语法总结

占楼,未来的Markdown的一些语法学习我将会在这里实时更新,如果内容过多我会另设文章

就当是一个监督学习的文章占楼!

Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写,Markdown被大量使用,如Github、Wikipedia、简书等。(搜索引擎得来)
Markdown的语法十分简单,常用的标记符号不超过十个,用于日常写作记录绰绰有余,不到半小时就能完全掌握。

1.标题语法

2.插入代码语法

3.跳转目录语法

4.插入图片语法

5.删除线问题

1.Markdown标题语法

要创建标题,在单词或短语前面添加井号 (#):由一到六,#越多标题文字显示越小

如下所示

1
2
3
4
5
6
# head1
## head2
### head3
#### head4
##### head5
###### head6

效果如下(注意#后面要加空格)

head1

head2

head3

head4

head5
head6

2.Markdown代码语法

(突然想到也没必要按顺序写笔记,应该是学了什么写什么,嘿嘿,好久没更新了,来浅浅更新一下)

Markdown支持直接用行缩进四个空格或者一个制表符来创建一个代码块,但是这种要注意代码块要和上一段留出一行来,不然就会无法显示代码块

int i=;
int j=0;

就像上面这种,但是这样我感觉,很不方便,所以我更倾向于下面这种,在代码块的上下分别用用三个~或者三个```将其包起来,这样还能显示代码行数,我更倾向于这种

1
2
3
4
~~~
int i=0;
int j=0;
~~~

3.Markdown跳转目录语法

这个我测试了半天,简单如下

1
[标题名](#标题链接)

正常来说标题链接就是小标题的名字,但是我发现我用了之后只能在vscode编写的时候可以跳转,而在网页中无效,我也不知道什么原因,搜索之后也不知道,所以我才用了另一种方法,就是在标题的上方加上这句

1
2
3
[相应标题](#锚点)

<p id= "锚点"></p> //这里的锚点最好用数字1234,很好用

这样就可以跳转啦

4.Markdown插入图片语法

图片相关的代码很简单,常用的就两种(准确的说是我常用),第一种就是简单地插入图片或gif,代码如下

1
2
3
4
5
![简单描述,不会显示](图片地址 "图片描述,当鼠标悬停会显示")

示例代码:

![简单描述,不会显示](https://upload-bbs.mihoyo.com/format,gif "图片描述,当鼠标悬停会显示")

示例如下
图片

而如果想插入链接,就是点击图片跳转,需要再用一个方括号将原有Markdown图片语法括起来,然后在旁边加上需要链接的网址,如下代码

1
[![简单描述,不会显示](图片地址 "图片描述,当鼠标悬停会显示")](网址)

如下图

图片

但是这样图片就太大了,经过一顿百度,发现这东西还和具体的Markdown编辑器有关,不同的编辑器有不同的方式,但是我用的这种好像都不太可以,所以只能回归HTML了,HTML这样表示,可以调整大小,如下:

1
2
<img src="https://upload-bbs.mihoyo.com/upload/2022/09/27/33087162/56c1464ae633055b7bb74bb3f924328a_3330391065587151535.png"  width="50%" height="50%" >   //也就是
<img src="图片地址" width=" %" hegiht=" %">

好美

5.删除线问题

今天在写总结的时候发现,删除线并不只是两个~就行,一个也行!?
代码如下

1
2
3
4
5
~我是删除的~
~ 我是删除的 ~
~~我是删除的~~
~~ 我是删除的 ~~
~ ~ 我是删除的 ~ ~

而效果如下,立竿见影

我是删除的
我是删除的 ~
我是删除的
~~ 我是删除的 ~~
~ 我是删除的 ~ ~

总结:一个~也能用,但是必须要贴合文字,一旦有空格就无法显示删除线,两个 ~也是这样(看我这里打了个空格,不打的话就会和前面那个 ~遥相呼应,就会显示删除线,血泪的教训)