markdown工具备忘录简记

1. 编辑Latex数学公式在线工具

• 在线工具一：

界面清爽好用：http://www.wiris.com/editor/demo/en/developers

• 在线工具二：

界面简单，里面有很多现成的数学公式，但是有一个小缺点，界面总是抖动，难受。。
https://latex.91maths.com/

• 在线工具三：

超简单的界面，就是字体有一点小
https://codecogs.com/latex/eqneditor.php

下列字符不能在latex中直接打出来

 $  #  %  &  ~  _  ^  \  {  }

若要数学环境中表示这些字符，需要在字符前面加" \ "。例如：\ # \ $。

2. 在markdown编辑图片大小

方法一：嵌入HTML代码，使用img标签

下面三种方式都可以

 <img src="./xxx.png" width = "300" height = "200" alt="图片名称" align=center />
 
 <img src="./xxx.png" style="zoom:50%" />


<p align="center">
  <img src="docs/dataset_vs_model.png" width="95%" height="320">
</p>

方法二：使用支持图片大小更改操作的 Mou 编辑器

使用如下语法：

![](./pic/pic1_50.png =100x100)

注意: =前有个空格，可以只写宽度。

3. markdown一行放多张图片

3.1 多张图片并排-左对齐

<figure class="third">
    <img src="http://xxx.jpg" width="200" Height="300"/ >
    <img src="http://yyy.jpg" width="200" Height="300"/>
    <img src="http://zzz.jpg" width="200" Height="300"/>
</figure>

3.2 多张图片并排–居中对齐

<center class="half">
    <img src="http://xxx.jpg"   width="300" Height="300"/  >
    <img src="http://yyy.jpg"   width="300" Height="300"/ >
    <img src="http://yyy.jpg"   width="300" Height="300"/>
</center>

4. 流程图工具mermaid

https://mermaid-js.github.io/mermaid/#/flowchart?id=graph

mermaid在window下编辑流程图之后，过长的字数会溢出框图，但是在ubuntu的浏览器下不会。所以编辑好之后，在ubuntu下重新发布一遍会有很好的效果。(好像最近官方解决了这个问题。)