markdown工具备忘录简记-优快云博客

本文链接：https://blog.youkuaiyun.com/QLeelq/article/details/111656620

本文整理了三个在线LaTeX数学公式编辑工具，包括WIRIS、91maths和Codecogs，分别介绍了它们的特点和使用注意事项。此外，还分享了在Markdown中调整图片大小的两种方法，并提供了多张图片并排显示的HTML代码示例。最后，推荐了流程图工具Mermaid，特别提示了在不同系统下可能出现的显示问题和解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>