> 文档中心 > Markdown进阶教程(以Typora为例)

Markdown进阶教程(以Typora为例)

写在前面:本文首先发表于个人博客。可直接跳转至我的播客主页阅读:点击跳转
此篇博客是进阶教程
建议零基础小白先食用:基础教程

如需转载请注明出处

目录写法

在任意位置添加[TOC]即可显示树状结构文章目录。显示效果可以参考本文目录:下图。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZZlpjIjY-1649946119887)(TOC.png)]

锚(跳转)

有两种方法:

  1. Markdown原生:

    跳转的终点(锚):同html,见下跳转的起点(链接):[显示的内容](#id)可以理解为跳转终点(锚)定义了一个名为id的元素,而跳转起点则是一个指向该元素的链接例如:文章第一句话的写法:此篇博客是进阶教程,下面一行是跳转起点:[跳转至开头](#1)

    跳转至开头 ←点击此处查看效果
    注:id这里建议写英文或数字,不要写中文,可能会出错

  2. 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来编写
然后就是绘制流程图的步骤。绘制流程图可以分为两步:

  1. 定义元素(框框和里面的内容):
    元素名称=>元素类型: 显示的内容:>超链接URL(:>URL可以不要)
    注意:=>后不能有空格, :后需要有空格
    元素类型有6种,分别为:
  • 开始(椭圆形):start

  • 结束(椭圆形):end

  • 子程序(长得像圣旨诏书):subroutine

  • 操作(矩形):operation

  • 条件判断(菱形):condition

  • 输入输出(平行四边形):inputoutput

  1. 关联元素
    -> 来关两个节点
    如果是 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的一些学习经验分享,不保证完全正确和详尽。欢迎指正错误,也欢迎留言分享哦!

今日一言:

我选择沉默的主要原因之一:从话语中,你很少能学到人性,从沉默中却能。假如还想学得更多,那就要继续一声不吭 。

—— 王小波


  1. 黑框眼镜 ↩︎

  2. 参考https://blog.csdn.net/adorable_/article/details/117780977 ↩︎

Markdown进阶教程(以Typora为例) 超强干货来袭 Markdown进阶教程(以Typora为例) 云风专访:近40年码龄,通宵达旦的技术人生风车动漫