菜单
首页/博客/Markdown、Tex和Mermaid

Markdown、Tex和Mermaid

介绍

Markdown 是一种简单的标记语言,他比 HTML 更简单,更易读,而且可以渲染为 HTML。

Tex 是一种常用于公式排版的语言,常用于论文等需要数学物理公式的文档。他也可以被渲染,不过往往渲染为 pdf。

Mermaid 是一种能表示图标的语言,你可以通过它画一些简单的流程图。

Markdown 常常和 Tex、Mermaid 等其他语言搭配,比如使用 Latex 语法来写公式,非常方便,且易迁移。

学习

Markdown 基础教程:Markdown 基本语法 | Markdown 教程

菜鸟教程的 Tex 公式教程:Markdown 数学公式 | 菜鸟教程

同样是菜鸟教程 Mermaid 学习:Markdown 图表绘制 | 菜鸟教程

菜鸟教程的其他内容也可以看看,较为简单,相当适合新手(和名字搭配最好的一集)

Mermaid 的官方教程,这个语言还可以用来写很多图表,不过流程图更常用一点:Mermaid 用户指南 | Mermaid 中文网

使用

现在有着许多 Markdown 的编辑软件,如 Obsidian 和 Typora 等。我目前主要使用 Typora。

Typora 资源

大部分编辑器都支持行内、行间公式和 Mermaid 渲染,有的可能需要手动开启如 Typora。

Markdown 常缩写为 md,文件后缀名也通常为.md。

同时,如知乎等平台都包括 Markdown 功能,Github 项目常用 Markdown 作为 README 等的文档。

使用 github page 功能和 markdown 文件可以很简单的搭建一个博客

示例

Markdown 代码如下:

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

**加粗** 

*斜体*

- 无序列表
- 表列序无

1. 有序列表
2. 表列序有

$$
公式 \\
E = mc^2
$$

`行内`代码

```c
printf("行间代码");
```

```mermaid
graph TD
这里是 --> mermaid图表
```

实际渲染效果如下:


一级标题

二级标题

三级标题

四级标题

加粗

斜体

  1. 有序列表
  2. 表列序有
$$ \displaylines{ 公式 \\ E = mc^2 } $$

行内代码

printf("行间代码");
graph TD
这里是 --> mermaid图表