Markdown常用语法笔记(自用)

Markdown语法

前言:自用的Markdown语法笔记。经过一段时间的使用,收录自己比较常用的部分。之前一直不习惯用Markdown,用了之后才知道多香。
工具:Typora

关于Typora,有的效果会显示不出来比如文本高亮,在Typora的偏好设置里设置一下。或者有的emoji表情、符号显示不出来,那就是这个符号失效,用不了了。

1. 标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

2. 字体

2.1 斜体

斜体

*斜体*
_斜体_

2.2 粗体

粗体:或者使用ctrl+B

**粗体**
__粗体__

2.3 粗斜体

粗斜体

***粗斜体***
___粗斜体___

3. 线条

3.1 分割线


***
---
+++

3.2 删除线

删除线

~~删除线~~

3.3 下划线

下划线

<u>下划线</u>

4. 列表

4.1 无序列表

* 无序列表1
- 无序列表2
+ 无序列表3

4.2 有序列表

数字+空格
1. 有序列表1
2. 有序列表2

4.3 嵌套列表

    • 有序嵌套无序
1. - 有序嵌套无序
    1. 无序嵌套有序
- 2. 无序嵌套有序

4.4 缩进

Tab:第二项为第一项子列表;
Shift+Tab:回退
Enter:退出当前列表;
Back:保持当前缩进但不显示序号或符号;

5. 引用区块

> 区块

区块可以嵌套

退出区块连按两次enter

6. 代码块

反引号+(编程语言)+enter

​```+(编程语言)+enter

7. 链接

7.1 超链接

[链接文字](链接地址)
或
<链接地址>

百度
https://www.baidu.com/

7.2 本地文件

[打开LinkTest.md文档](./LinkTest.md)
[打开LinkTest.png照片](./img/LinkTest.png)

打开LinkTest.md文档
打开LinkTest.png照片

7.3 页内跳转

7.3.1 一级、二级标题

1.标题

[链接文字](#标题文字)

注意:此功能要在md转为pdf时可用,typora中不支持跳转

7.3.2 多级标题

建议使用html的语法创建页内跳转。

我是7.3.2
<h5 id="7.3.2">
    我是7.3.2
</h5>

我是7.3.2

[我是7.3.2](#7.3.2)

括号()内的与标签id对应。

7.3.3 目录
  • 自动生成目录
@[toc]

详细效果见开头的目录效果

  • 自定义目录(语法见7.3.2)

使用原因:
✔️因为我之前使用的时候不知道7.3.3那种自动生成目录的方法。研究了一下页内跳转,发现只有一级标题和二级标题能通过7.3.1的那种方式跳转,再往下的标题等级就不支持了,所以使用html的方式结合列表。
❌但这种目录缺点也很明显,就是我们大纲部分原本是能够看到详细标题的,改成这样就只到二级标题。

- [1.使用指南说明](#1.使用指南说明)
- [2.使用指南](#2.使用指南)
  - [2.0 后台登录](#2.0)
  - [2.1 菜单与首页](#2.1)
    - [2.1.1 菜单](#2.1.1)
    - [2.1.2 首页](#2.1.2)

8. 图片

![alt 属性文本](图片地址)

![alt 属性文本](图片地址 "可选标题")
![本地jpg图片](./img/PictureTest.jpg)

![网络图片](https://img.yanlutong.com/uploadimg/image/20230628/20230628134255_92176.jpg "饮月君")

如果图片需要排列,可以使用html代码包裹图片。详见11.3

9. 表格

  • Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。使用Typora可以直接用自带功能生成和调整。
|表头|表头|表头|
|---|---|----|
|单元格|单元格|单元格|
|单元格|单元格|单元格|
表头表头表头
单元格单元格单元格
单元格单元格单元格
  • 表格对齐(对表头下面一行操作):

|—|—|----|

|:---|---:|:----:|
左对齐、右对齐、居中对齐
左对齐右对齐中间对齐
单元格单元格单元格

10. 数学公式

Markdown公式

11. html实现常见效果

11.1 文字对齐

<p align="left">左对齐</p>
<p align="center">中间对齐</p>
<p align="right">右对齐</p>

或者

<center><p>图2-1 首页</p></center>

图2-1 首页

11.2 颜色

  • 文字颜色:
<font size=3 color="red">字体颜色为红色,大小为3</font>

字体颜色为红色,大小为3

常用颜色:red、blue、green、black、white

㊙️更多颜色:

支持颜色名、十六进制和rgb格式

Markdown支持颜色

  • 文字底色
<table><tr><td bgcolor=#F5F5DC>这里的文字底色是:#F5F5DC,此处输入任意想输入的内容</td></tr></table>
这里的文字底色是:#F5F5DC

11.3 图片属性

<img src="img/1.jpg" width=30 height=30 style="float:left"/>图片浮动在左边
<img src="img/1.jpg" width=30 height=30 style="float:right"/>图片浮动在右边

图片浮动在左边

效果图这里看不到纯纯因为csdn获取不到本地图片。

11.4 文章转载

<a href="转载文章的网址">转载文章的名称</a> <a href="#fnref:wx" rel="nofollow" title="Return to article" class="reversefootnote">↩</a>

参考这篇文章

11.5 其他

大部分html代码都可以用在Markdown中
例如换行和分割线,在csdn中看不太出来的比如换行的格式,明明在Typora就能通过回车调整,但是csdn必须加br标签。

</br>
</hr>

12. 其他效果

12.1 文本高亮

==高亮文本==

高亮文本

12.2 复选框

- [x] 选中  
- [ ] 未选中 
  • 选中
  • 未选中

打出来的 - [ ] 有时候会变成无序列表加方括号的组合,后面加上文字就好了。

12.3 符号表情

:happy:

常用表情或符号:(复制、代码皆可用)

❤️ ✨⭐ ❗❓❕❔ ✊✌️ ✋✋ ☝️☀️ ☔ ☁️ ❄️ ⛄ ⚡ ⛅

☎️ ☎️ ⌛ ⏳ ⏰ ⌚ ➿ ✉️ ✉️ ✂️ ✒️ ✏️ ⚽ ⚾️ ⛳ ♠️ ♥️ ♣️ ♦️ ☕

⛪ ⛺ ⛲ ⛵ ⛵ ⚓ ✈️ ⛽ ⚠️ ♨️

1️⃣ 2️⃣ 3️⃣ 4️⃣ 5️⃣ 6️⃣ 7️⃣ 8️⃣ 9️⃣ 0️⃣ #️⃣ ◀️ ⬇️ ▶️ ⬅️ ↙️ ↘️ ➡️ ⬆️ ↖️ ↗️ ⏬ ⏫ ⤵️ ⤴️ ↩️ ↪️ ↔️ ↕️ ⏪ ⏩ ℹ️ ️ ️ ️ ♿ ㊙️ ㊗️ Ⓜ️ ⛔ ✳️ ❇️ ✴️ ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ⛎ ❎ ️ ️ ️ ♻️ ©️ ®️ ™️ ❌ ❗ ‼️ ⁉️ ⭕ ✖️ ➕ ➖ ➗ ✔️ ☑️ ➰ 〰️ 〽️ ▪️ ▫️ ◾ ◽ ◼️ ◻️ ⬛ ⬜ ✅ ⚫ ⚪

❗️ :exclamation :

❓ :question :

⬆️ :arrow_up :

0️⃣ :zero :

🆗 :ok :

🔹 :small_blue_diamond :

其他表情(gitbub上较全):

详见emoji-cheat-sheet

参考资料

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值