Markdown进阶教程(以Typora为例)
写在前面:本文首先发表于个人博客。可直接跳转至我的播客主页阅读:点击跳转
此篇博客是进阶教程
建议零基础小白先食用:基础教程
如需转载请注明出处
目录写法
在任意位置添加[TOC]
即可显示树状结构文章目录。显示效果可以参考本文目录:下图。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZZlpjIjY-1649946119887)(TOC.png)]
锚(跳转)
有两种方法:
-
Markdown原生:
跳转的终点(锚):同html,见下跳转的起点(链接):[显示的内容](#id)可以理解为跳转终点(锚)定义了一个名为id的元素,而跳转起点则是一个指向该元素的链接例如:文章第一句话的写法:此篇博客是进阶教程,下面一行是跳转起点:[跳转至开头](#1)
跳转至开头 ←点击此处查看效果
注:id这里建议写英文或数字,不要写中文,可能会出错 -
HTML写法:
跳转起点:显示的内容跳转终点:显示的内容除了a标签外,用p,div,span等标签也有效(将a改成p,div或span)例如:文章第一句话的写法:此篇博客是进阶教程,下面一行是跳转起点:跳转至开头
跳转至开头←点击此处查看效果
注:若要跳转到零一页面的锚,在终点的#xxx
之前添加文件名(如1.html)即可
To-do list(任务列表)
- 未完成:
- [ ]
短横+空格+左方括号+空格+右方括号+空格 - 已完成:
-[x]
短横加空格+左方括号+字母x+右方括号+空格
注意-和[]中间一定要加空格、后面爷要加空格,未完成的写法[]中间有空格
举例:
- [ ] 学习- [x] 打游戏- [x] 看电影
效果:
- 学习
- 打游戏
- 看电影
脚注
如果有参考文献或文章之类的话应该要用的
正文中脚注的编号用[^1],[^2],[^3]
等,尾部注释对应用[^1]: 注释内容
,[^2]: 注释内容
,[^3]: 注释内容
等
脚注编号显示在文字右上角,鼠标移上去会显示注释内容
举例:
他[^1]文末处:[^1]: 黑框眼镜
正文效果:他1(注释在文末)
Unicode特殊字符(emoji)
格式为&#数字;
,其实是HTML
举例:Ω
为Ω,θ
为θ。
unicode字符包含的内容非常之多,最典型的还属emoji。如😅
?🤓
?
这里是unicode的参考网址
支持HTML的典型例子
音频
html5语法:
<audio src="音频文件路径">不能播放时的报错信息</audio>
举例:
视频
同为html5语法:
举例:
改变字体颜色和大小
语法:
青色7号纯书法字体或者或者可以这么写
显示效果:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UGRNb0Ti-1649946119889)(font.png)]
Markdown制图2
Markdown可以绘制很多图,如时序图、甘特图、mermaid流程图、flow流程图等。
这里主要介绍flow流程图。其他的图可以参考这篇CSDN博客:点击跳转
首先,用一对3个`包裹代码块并在第一处后输入flow,确定这一段代码用flow来编写
然后就是绘制流程图的步骤。绘制流程图可以分为两步:
- 定义元素(框框和里面的内容):
元素名称=>元素类型: 显示的内容:>超链接URL
(:>URL可以不要)
注意:=>
后不能有空格,:
后需要有空格
元素类型有6种,分别为:
-
开始(椭圆形):start
-
结束(椭圆形):end
-
子程序(长得像圣旨诏书):subroutine
-
操作(矩形):operation
-
条件判断(菱形):condition
-
输入输出(平行四边形):inputoutput
- 关联元素
用->
来关两个节点
如果是 condition 节点将会有 yes/true 和 no/false 两个分支
left/right表示连线出口在节点位置(默认下面是出口,如con2),也可以跟condition变量一起用,如:on1(yes,right)
举例:
```mermaidflowchatstart=>start: 开始end=>end: 结束in=>inputoutput: 输入年份ncon1=>condition: n能否被4整除?con2=>condition: n能被100整除?con3=>condition: n能被400整除?out1=>inputoutput: 输出闰年out2=>inputoutput: 输出非闰年start(right)->in->con1(yes,right)->con2(yes)->con3(yes)->out1->endcon1(no)->con2->endcon2(no,right)->out1con3(no)->out2```
效果:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jhc4ImVX-1649946119889)(flow.png)]
数学公式
原生的Markdown是不支持LaTex的,但如果用Typora则支持LaTex预览
最后的显示效果取决于用什么软件编译和导出
总结
本博客名为教程,实则是个人学习Markdown的一些学习经验分享,不保证完全正确和详尽。欢迎指正错误,也欢迎留言分享哦!
今日一言:
我选择沉默的主要原因之一:从话语中,你很少能学到人性,从沉默中却能。假如还想学得更多,那就要继续一声不吭 。
—— 王小波
-
黑框眼镜 ↩︎
-
参考https://blog.csdn.net/adorable_/article/details/117780977 ↩︎
超强干货来袭 云风专访:近40年码龄,通宵达旦的技术人生风车动漫