markdown语法

参考：
https://blog.csdn.net/afei__/article/details/80717153
markdown官方文档：https://markdown.com.cn/basic-syntax/htmls.html

1、标题

# 一级标题
几个#是几级标题，后面要有空格

2、内容

*内容*
**之间，2个星表示斜体，无空格

**内容**
****之间，4个星表示加粗，无空格

***内容***
******之间，6个星表示又斜又粗，无空格

~~内容~~
~~之间，4个波浪线表示删除线，无空格

--- 
---或***表示分割线，后面要有空格  

换行  
在行尾添加(两个空格+回车)/(两个回车)都可以换行。只有一个回车无法换行。  

3、列表

（1）无序列表

+ 1
  - 2
  * 2
    - 3 
      * 4
无序列表用+或-或*表示，后面要有空格。表示缩进就是用tab键。
【最好只用一种符号，+ - * 最好不要混用】

（2）有序列表

1. list1
2. list2
4. list4

有序列表以1.开头(2.开头就不认)，直接编号即可，可以跳着编号。点后面要有空格。缩进用四个空格/tab。

4、代码块

（1）行内代码块

行内`内容`代码块

``两个斜点内(英文输入法)，表示行内代码块

（2）代码块

``` golang
go mod init projectName
```

代码块用6个斜点或4个空格，后面可以指明语言，要换行，否则是红色字体！
【博客园不支持4个空格，建议用6个斜点】

5、超链接+锚点

超链接：

[文字](链接)
[我的博客园](https://www.cnblogs.com/sybil-hxl/)

引用样式链接：【这个基本语法博客园竟然不支持。。。】
只有一个文字链接，不显示地址那一行，可以放文章末尾

[需要加引用链接的内容][1]
[1]: https://www.cnblogs.com/sybil-hxl/p/15716182.html

参考教程，引用样式链接：https://markdown.com.cn/basic-syntax/links.html

锚点跳转

[点击跳转](#jump)
<span id="jump">跳转到的地方</span>

6、图片

（1）不控制大小：

![](图片地址) // 本地图片只能用相对路径，绝对路径不显示！
![]picture\image-20220817181920170.png)

（2）控制大小：用HTML嵌入

//图片百分比
<img src=https://img2022.cnblogs.com/blog/968024/202208/968024-20220809204333395-2020389700.png width=34% /> // 没有双引号也没问题
<img src="https://img2022.cnblogs.com/blog/968024/202208/968024-20220809204333395-2020389700.png" style="zoom:20%;" />
//<img src="D:\hxl\myNote\picture\image-20220817181920170.png" width=80% /> // 不能用绝对路径
<img src=picture\image-20220817181920170.png width=80% /> // 只能用相对路径

7、markdown嵌入HTML

参考：
markdown中常用的HTML语法

8、折叠：使用HTML的语法？

（1）简单HTML标签折叠

代码如下：

<details>
<summary>折叠1</summary>
<p>仅折叠文字</p>
</details>

<details>
<summary>折叠2</summary>
<p>折叠文字+代码</p>
<pre>
<code>
cout<<"xxx";//第一行前的那个空行是因为“&lt;code&gt”标签与这行代码不在一行，在一行就没有空行了，但是很难受，很傻的语法
// 有框框，也有样式
</code>
</pre>
</details>

<details>
<summary>折叠3</summary>
<pre>
<blockcode>
blockcode;//注释
// 这个没有框框，也没有样式？【当前浏览器不支持“blockcode”标签罢了。。】
</blockcode>
</pre>
</details>

效果如下：

折叠1

仅折叠文字

折叠2

折叠文字+代码

cout<<"xxx";//第一行前的那个空行是因为“<code>”标签与这行代码不在一行，在一行就没有空行了，但是很难受，很傻的语法
// 有框框，也有样式

折叠3

blockcode;//注释
// 这个没有框框，也没有样式？【当前浏览器不支持“blockcode”标签罢了。。】

其中，各标签表示如下：

summary：折叠语法展示的摘要
details：折叠语法标签
pre：以原有格式显示元素内的文字是已经格式化的文本。
blockcode：表示程序的代码块。
code：指定代码范例。

参考：
https://www.cnblogs.com/shirui/p/10763515.html
https://www.cnblogs.com/buwuliao/p/9578918.html

（2）CSS+JS 折叠【博客园不支持。。】

简单标签折叠

这里是折叠的内容

cout<<"xxx";//第一行前的那个空行是因为“<code>”标签与这行代码不在一行，在一行就没有空行了，但是很难受，很傻的语法
// 有框框，也有样式
		

---

CSS样式折叠

Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.

参考：https://c.runoob.com/codedemo/1072/