Markdown语法

标题

#

##

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)

以此类推。。。

其他骚操作

https://zhuanlan.zhihu.com/p/28987530