typore 中的图片问题

在自己上传图片到图床时，被自己蠢哭了,大家千万不要犯这个低级错误啊

![]()

![1681292306466](images/1681292306466.png) 和 <img src="images/1681287264843.png" alt="1681287264843" style="zoom:50%;" /> 这两行代码都是用来在HTML文档中嵌入图片的，但它们之间存在一些差异：

1. Markdown 图片语法:

   • 第一行代码 ![1681292306466](images/1681292306466.png) 是Markdown语法中的图片嵌入方式。
   • 在Markdown中，![替代文本](图片链接) 用于添加图片，其中“替代文本”是图片的描述，显示在图片无法加载时，图片链接是图片文件的路径。

2. HTML 图片标签:

   • 第二行代码 <img src="images/1681287264843.png" alt="1681287264843" style="zoom:50%;" /> 是HTML中的<img>标签。
   • <img>标签通过src属性指定图片的路径，alt属性提供图片的替代文本，style属性用来指定图片的样式，例如这里的zoom:50%;可能是想设置图片的缩放比例（但这不是有效的CSS，正确的方式可能是使用width或height属性）。

3. 样式应用:

   • Markdown图片语法不支持直接设置样式，样式通常在Markdown渲染后的HTML中应用。
   • HTML的<img>标签可以直接通过style属性应用内联样式。

4. 上下文:

   • Markdown图片语法通常用在Markdown文件或支持Markdown解析的平台上。
   • HTML图片标签用在HTML文档中，可以在浏览器中直接显示。

5. 路径问题:

   • 在Markdown中，图片路径是相对于Markdown文件的位置。
   • 在HTML中，图片路径可以是相对路径，也可以是绝对路径，取决于你如何引用资源。

6. 显示效果:

   • Markdown渲染器可能对图片有不同的显示效果，例如大小调整、边距等。
   • HTML中的<img>标签可以通过CSS进行更细致的控制。

总的来说，选择使用Markdown图片语法还是HTML图片标签取决于你的具体需求和上下文环境。如果你正在编写Markdown文档，那么使用Markdown图片语法更为合适；如果你正在编写HTML页面，那么使用<img>标签会更加直接。