Markdown基础语法总结
占楼,未来的Markdown的一些语法学习我将会在这里实时更新,如果内容过多我会另设文章
就当是一个监督学习的文章占楼!
Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写,Markdown被大量使用,如Github、Wikipedia、简书等。(搜索引擎得来)
Markdown的语法十分简单,常用的标记符号不超过十个,用于日常写作记录绰绰有余,不到半小时就能完全掌握。
1.标题语法
2.插入代码语法
3.跳转目录语法
4.插入图片语法
5.删除线问题
1.Markdown标题语法
要创建标题,在单词或短语前面添加井号 (#):由一到六,#越多标题文字显示越小
如下所示
1 | # head1 |
效果如下(注意#后面要加空格)
head1
head2
head3
head4
head5
head6
2.Markdown代码语法
(突然想到也没必要按顺序写笔记,应该是学了什么写什么,嘿嘿,好久没更新了,来浅浅更新一下)
Markdown支持直接用行缩进四个空格或者一个制表符来创建一个代码块,但是这种要注意代码块要和上一段留出一行来,不然就会无法显示代码块
int i=;
int j=0;
就像上面这种,但是这样我感觉,很不方便,所以我更倾向于下面这种,在代码块的上下分别用用三个~或者三个```将其包起来,这样还能显示代码行数,我更倾向于这种
1 | ~~~ |
3.Markdown跳转目录语法
这个我测试了半天,简单如下
1 | [标题名](#标题链接) |
正常来说标题链接就是小标题的名字,但是我发现我用了之后只能在vscode编写的时候可以跳转,而在网页中无效,我也不知道什么原因,搜索之后也不知道,所以我才用了另一种方法,就是在标题的上方加上这句
1 | [相应标题](#锚点) |
这样就可以跳转啦
4.Markdown插入图片语法
图片相关的代码很简单,常用的就两种(准确的说是我常用),第一种就是简单地插入图片或gif,代码如下
1 | ![简单描述,不会显示](图片地址 "图片描述,当鼠标悬停会显示") |
示例如下
而如果想插入链接,就是点击图片跳转,需要再用一个方括号将原有Markdown图片语法括起来,然后在旁边加上需要链接的网址,如下代码
1 | [![简单描述,不会显示](图片地址 "图片描述,当鼠标悬停会显示")](网址) |
如下图
但是这样图片就太大了,经过一顿百度,发现这东西还和具体的Markdown编辑器有关,不同的编辑器有不同的方式,但是我用的这种好像都不太可以,所以只能回归HTML了,HTML这样表示,可以调整大小,如下:
1 | <img src="https://upload-bbs.mihoyo.com/upload/2022/09/27/33087162/56c1464ae633055b7bb74bb3f924328a_3330391065587151535.png" width="50%" height="50%" > //也就是 |
5.删除线问题
今天在写总结的时候发现,删除线并不只是两个~就行,一个也行!?
代码如下
1 | ~我是删除的~ |
而效果如下,立竿见影
- 我是删除的
- 我是删除的 ~
我是删除的
~~ 我是删除的 ~~ - ~ 我是删除的 ~ ~
总结:一个~也能用,但是必须要贴合文字,一旦有空格就无法显示删除线,两个 ~也是这样(看我这里打了个空格,不打的话就会和前面那个 ~遥相呼应,就会显示删除线,血泪的教训)