Table of Contents
标题
#
##
and so on
字体
斜体:*斜体*
粗体:**粗体**
加粗的斜体:***粗斜体***
删除线:~~删除线~~
(部分软件不支持)
高亮:==高亮==
(部分软件不支持)
引用
>
+空格
通过增加>
数量可以实现嵌套
代码
- 行内代码:用符号`括起来
- 代码块:用三个`在行首及行尾括起来(单独一行)
分割线
三个及以上—或者***(单独一行)
超链接
- 文字:
[文字](url)
- 或者使用<a>标签:
<a href="url" target="_blank">文字</a>
,其中的target属性实现在新的标签打开联接
插入图片
![图片名](url)
- 使用
<img>
标签:<img src="url"/>
,通过添加align、width、height等属性可以实现图片的位置、大小调节。
列表
- 无序列表:
-
+空格 - 有序列表:数字+.+空格
添加注释
我是谁[^1]
[^1]: 哈利波特与魔法石
todolist的例子:
– [ ] 吃饭
– [x] 打饭
注:1. -后面跟方括号,方括号由三个空格隔开
2. -后面跟方括号,方括号里面一个x,方括号前后有空格分隔
插入视频及GIF
<iframe
height
=498
width
=710
src
="链接"
图片位置及大小
<img align="right"
width
="80"
height
="80"
src
="https://i.loli.net/2019/07/20/5d331d5d0127d74272.png"/>
上述img的代码可以将图片显示在这段文字的右边。同时可以通过width和height控制图片的大小。<div align="center"><img
width
="80"
height
="80"
src
="https://i.loli.net/2019/07/20/5d331d5d0127d74272.png"/></div>
- 这个div的代码可以控制图片单独处于一行时的位置。
- 同时div对于段落同样有效果,如下:
<div align="right">你在哪里?我在右边呀</div>
<img align="left"
width
="80"
height
="80"
src
="https://i.loli.net/2019/07/20/5d331d5d0127d74272.png"/>
- 调整文字前空格可以使用
添加锚点进行页内跳转
通过<a></a>进行,用name=“”来定义锚点位置,即: <a
name
="1"></a>
现在我们返回前的[锚点](#1)
参考式超链接
[wimf][df]
[df]: http://baidu.com
图片同理
打开超链接
- 在本窗口打开链接:
[baidu](http://baidu.com)
- 在新窗口打开联接:
<a
href
="http://baidu.com"
target
="_blank">baidu</a>
使用相对路径打开本地文件
- 与md文件位于同一目录下:
[智齿发炎怎么办](./智齿发炎怎么办.md)
- 位于md文件同一目录下的子文件夹中:
[智齿发炎怎么办](./子文件夹/智齿发炎怎么办.md)
- 位于md文件父路径下的另一文件夹中位于md文件同一目录下的子文件夹中,用
..
表示父路径:[智齿发炎怎么办](../另一文件夹/智齿发炎怎么办.md)
P.S. 若路径中有空格,使用%20
代替空格。
使用绝对路径打开本地文件
(在vs code自带previewer可以,在enhanced不行)
[12](file:///C:\Windows\Temp\mat-debug-10016.log)
P.S. 若路径中有空格,使用%20
代替空格。
从页内跳转到标题
利用了标题可以添加id属性的特性:
第一步,给标题赋予id:
<h2 id="1">写在前面</h2>
<h2 id="2">常用高阶语法</h2>
<h3 id="3">表格的使用</h3>
<h3 id="4">页内链接跳转</h3>
<h3 id="5">本地文件链接</h3>
<h2 id="6">软件推荐</h2>
<h2 id="7">参考资料</h2>
第二部使用id跳转到标题
[写在前面](#1)
[常用高阶语法](#2)
[表格的使用](#3)
以此类推。。。