欢迎光临散文网 会员登陆 & 注册

markdown基础语法笔记(含前端语法)

2023-08-12 10:16 作者:wing2791  | 我要投稿

自己的笔记记录,属于知识整合,不常用的没有记录,参考资料会附在文章最后或者评论区 最近学习了Obsidian的使用,把md语法重新整理了一下,还有快捷键可以去挖掘一下,我就不记录了,太多了,需要啥再搜 。所有展示图来自Typora软件演示(最近玩了两周多,该继续学习,然后打工了)

0. 目录

1. 斜体、粗体,删除线
2. 分级列表
3. 文字超链接
4. 锚点
5. 列表
6. 图像超链接
7. 注脚
8. 表格
9. 分割线
10. 代码块
11. LaTex语法---公式
12. 表情
13. 参考博客


1. 斜体、粗体、删除线、字体颜色

示例:*斜体*
示例:**粗体**
示例:***加粗斜体***
示例:~~删除线~~
示例:<font color="red">字体颜色</font>

图1: 斜体、粗体、删除线、字体颜色效果展示图

2. 分级列表

语法:#+空格+内容
解释:几个#代表几级标题,最多支持六级标题
示例:# 一级标题
示例:## 二级标题

3. 文字超链接

行内式

语法:[链接文字](链接地址+空格+"悬停文字")
解释:悬停文字是鼠标悬停时的显示文字,可以不写http://
示例:这是[百度](http://www.baidu.com "百度")

图2:行内式文字超链接效果展示图

参考式

语法:其他文字[链接文字]+[链接标记]
[链接标记]+:+链接地址+空格+"悬停文字"
解释:适用于有参考文献的文章;悬停文字是鼠标悬停时的显示文字
示例:咕咕咕是[鸽子][1]的叫声,同样也是[我][2]现在游戏网名。大约十年前,曾经用系统随机的名称---[幽蓝雨箭][3]创建过一个"并肩摔"的工会,和另外一位互不相识的玩家---"太虚枪影"相识,可惜当时毅然决然的等[游戏][4]结束公测后的下一次公测就游戏内发邮件道别了,以前的好友说相忘就相忘,现在过得也并不好,忘了就忘了吧,偶尔感慨下,毕竟谁记得曾经那些没落的游戏,那些不被人记得的好友呢?还有[神将世界][],当时玩[美食大战老鼠][]时被人推荐,推荐抓一位曹植,可惜是GP才能使用,虽然加了QQ好友,但也是近十年前的事了,谁能分辨出来呢?

[1]:https://baike.baidu.com/item/%E9%B8%BD%E5%AD%90/1256 "百度百科鸽子"
[2]:https://baike.baidu.com/item/%E5%BD%B1%E4%B9%8B%E8%AF%97/18782186 "百度百科影之诗游戏"
[3]:https://space.bilibili.com/384847565 "B站个人空间"
[4]:https://my.4399.com/yxxhjdt/ "4399核金弹头"
[神将世界]:https://baike.baidu.com/item/%E7%A5%9E%E5%B0%86%E4%B8%96%E7%95%8C "百度百科神将世界游戏"
[美食大战老鼠]:https://baike.baidu.com/item/%E7%BE%8E%E9%A3%9F%E5%A4%A7%E6%88%98%E8%80%81%E9%BC%A0 "百度百科美食大战老鼠游戏"

图3:参考式效果展示图


自动链接

语法:<链接>
解释:可以显示链接并可以点击访问,可以不写http://
示例:<http://www.baidu.com>

图4:自动链接效果展示图

4. 锚点

语法:##+空格+文字{#标记}
文字[文字](#标记)
解释:加()的为跳转,加{}则为标记点,只能跳转到标题
示例: ## 标记{#sign}
跳转到[标记](#sign)
上面的不起作用,不知道为啥,可以用下面的这种

<a name="divtop"> </a>
[跳转指定位置](#divtop)

5. 列表

无序列表(可tab控制缩进)

语法:-+空格+无序列表

  • 示例

有序列表(可tab控制缩进)

语法:1.+空格+有序列表

  1. 示例

待办事项列表

语法:-+空格+[空格]+空格+待办事项列表

图5:待办事项列表效果展示图

含引用的列表

语法:>+空格

图6:引用效果展示图

6. 图像超链接

行内式

语法:![替换文字](链接+空格+"悬停文字")
示例:![啊困](https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F1efff20bd1097a7f73eb3a425fc7e96c5226754d1bd4-MKmiPh_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656555018&t=1602862fa352aa361a4ba86540903f47 "困")

参考式

语法:其他文字![替换文字][图片标记]
[图片标记]+:+图片链接+空格+"悬停文字"
示例:啊,好困!![啊困][sleep]
[sleep]:https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F1efff20bd1097a7f73eb3a425fc7e96c5226754d1bd4-MKmiPh_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656555018&t=1602862fa352aa361a4ba86540903f47 "困"

图7:参考式效果展示图

7. 注脚

语法:
其他文字[^注脚标记]
空行
其他文字[^注脚标记]
解释:每个注脚之间需要有空行;同时如果没有把注脚写在文末,经Markdown转换后,也会自动归类到文章的最后,但Typora没有这种情况
示例:
咕咕咕是鸽子[^1]的叫声,同样也是我[^2]现在游戏网名。
[^1]:百度百科鸽子

[^2]:百度百科影之诗游戏

图8:注脚效果展示图

8. 表格

我一般直接用typora可视化弄表格

语法:
|字段|字段|字段|
|-|-|-|
|xxx|xxx|xxx|
|xxx|xxx|xxx|
|xxx|xxx|xxx|

图9:表格效果展示图

9. 分割线

语法:-----------(至少三个即可)

图10:分割线效果展示图

10. 代码块

语法:```+语言类型(需要切换英文输入,在esc键下面)
示例:```java+回车
```+回车

图11:代码块效果展示图

11. LaTex语法---公式

具体请参考:

需要挂梯子:

http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference

无需挂梯子:

https://www.jianshu.com/p/0ea47ae02262

向量的内积: 描述向量间的投影关系

$$
a \cdot b
=
a^Tb
=
\sum_1^3 a_ib_i
=
|a||b|cos<a,b>
$$

图12:效果展示图


向量的外积: 描述向量的旋转

$$
a \times b=
\begin{bmatrix}
   i & j & k \\
   a_1 & a_2 & a_3 \\
   b_1 & b_2 & b_3
\end{bmatrix}
=
\begin{bmatrix}
   a_2b_3 & - & a_3b_2 \\
   a_3b_1 & - & a_1b_3 \\
   a_1b_2 & - & a_2b_1
\end{bmatrix}
=
\begin{bmatrix}
   0 & -a_3 & a_2 \\
   a_3 & 0 & -a_1 \\
   -a_2 & a_1 & 0
\end{bmatrix}
$$

图13:效果展示图

其中a^表示a的反对称矩阵

$$
a\textasciicircum
=
\begin{bmatrix}
   0 & -a_3 & a_2 \\
   a_3 & 0 & -a_1 \\
   -a_2 & a_1 & 0
\end{bmatrix}
$$

图14:效果展示图

12. 表情

表情基本不用,就是好玩才记录的

可以参考博客网址:

https://blog.csdn.net/qq_35892287/article/details/121919710

语法:
:+标记+:
示例:
开心 :smile: :dog:

开心 😄 🐶

😄 :smile: 😆 :laughing:
😊 :blush: 😃 :smiley:
😏 :smirk: 😍 :heart_eyes: 😘 :kissing_heart:


13. 参考博客

https://blog.csdn.net/witnessai1/article/details/52551362

https://blog.csdn.net/ncepu_Chen/article/details/105322585

在线markdown网址

https://www.zybuluo.com/mdeditor






markdown基础语法笔记(含前端语法)的评论 (共 条)

分享到微博请遵守国家法律