写降价
您可以简单地写下markdown语法以插入图像。或从菜单栏中单击“图像”,或按快捷键。当您执行此操作时,与此同时,如果剪贴板中有图像URL,则该URL将直接插入到src
零件中。
拖放
当然,有一种更简单的方法-拖放,如下面的截屏所示。
您也可以一次拖放多个图像文件。
从本地文件中选择
您可以点击菜单Edit
→交通Image Tools
→交通Insert Local Images…
从菜单栏中打开一个对话框来选择并插入本地图像(S)。
如果您经常使用此菜单项,建议您在“ 自定义键绑定 ”之后为该“插入图像”命令重新分配快捷键。
从剪贴板粘贴图像
由于Markdown文件只是纯文本文件,因此用户不能将图像数据直接插入Markdown文件中,而可以将图像引用插入到文件/ URL中。
Typora支持在告诉typora将图像放置在哪里后,从剪贴板粘贴图像数据。Typora会将图像数据放入给定的文件夹或服务器,然后插入引用该存储文件或URL的图像。有关更多详细信息,请参阅“ 插入本地图像时…”部分。
提示:在macOS上,用户可以从finder复制图像文件,然后粘贴到typora中。拖放具有相同的行为。
提示:在macOS上,您还可以从iPhone复制图像,然后在设置位置放置图像文件后将其粘贴到Typora中。
插入本地图像时…
当使用拖放或从菜单栏插入本地图像时,Typora支持将图像文件复制到给定的文件夹或Web服务器(需要iPic)。以下是有关设置的说明。
默认行为
默认情况下,当您将图像文件插入或拖放到Typora中时,我们将使用图像文件的路径作为attribute src
。
使用相对路径
如果启用Editor
→交通Image Insert
→交通Use relative path if possible
在首选项面板中,你的字迹已被保存到一个文件中,那么当你拖放一个地方的形象,该src
属性将被设置为当前文件(文件夹)的相对路径。
插入本地图像时将图像文件复制到目标文件夹
要使用此功能,您需要选择加入的选项Allow copy images to given folder
在首选项面板。
一种常见的情况是*.md
使用Typora 编辑静态站点(如Jekyll)中的帖子。例如,如果.*md
文件被划归_posts
文件夹中,而图像文件进入_media
文件夹,您可能希望图像文件复制到文件夹_media
,当你拖动自动/放置或粘贴图像到降价文件。这是如何做:
- 将文件保存到某个路径。
- 启用
Editor
→交通Image Insert
→交通Allow copy images to given folder
在首选项面板。

- 选择
Format
→交通Image
→交通When Insert Local Images
→交通Copy Image File to Folder
从菜单栏,挑选的目标文件夹。

在第3步中,新项目typora-copy-images-to: {relative path}
将被插入到当前文档的YAML Front Matter块中。因此,您也可以在YAML Front Matter中手动添加typora-copy-images-to属性以启用此行为。
之后,如果将本地图像拖放或将图像粘贴到Typora中,则图像文件将被复制到目标文件中并进行更新src
。
将图像文件上传到Web服务器。(仅限macOS)
要求:要安装macOS≥10.10和iPic。另外,您需要Allow upload to given server
在首选项面板中启用。
警告:默认情况下,iPic将匿名将图像上传到公共Web服务器,一旦上传到该Web服务器,您将无法删除该图像文件。因此,如果要启用此功能并控制上载的所有图像文件,请提前配置iPic。
启用此功能的方法如下:
- 安装iPic并配置适当的在线图像服务。
- 启用
Editor
→交通Image Insert
→交通Allow copy images to given folder
在首选项面板。
- 检查项目
Edit
→交通Image Tools
→交通When Insert Local Images
→交通Upload Image via iPic
从菜单栏。
在第3步中,新项目typora-copy-images-to: ipic
将被插入到当前文档的YAML Front Matter块中。
因此,您还可以在YAML Front Matter中手动将typora-copy-images-to:ipic属性添加到启用此行为。
提示:如果要将图像文件移动到文件夹ipic
,则应使用typora-copy-images-to: ./ipic
。
使用全局设置进行图像插入操作。
当为所有文档插入图像时(全局设置),您可以告诉Typora在哪里复制图像或上传图像。您可以在“首选项”面板的“图像”部分下找到图像。
以相对路径显示图像
当前文件/文件夹的相对路径(默认行为)
默认情况下,用户可以通过相对于当前*.md
文件的相对路径来引用本地图像。例如,如果*.md
文件位于/User/typora/desktop/test.md
,则
将会显示HTML中/User/typora/desktop/image.png
的<img>
标记一样的图像。此外,对于../download/image.png
,/User/typora/download/image.png
将提取来自的图片。
某些文件夹的相对路径
如果您使用降价建设网站,您可以在本地计算机属性来指定图像预览网址前缀typora-root-url
在YAML接待事宜。
例如,typora-root-url:/User/Abner/Website/typora.io/
在“ YAML前台事项”中输入,然后
将被视为
输入错误。
在新版本中,而不用手动输入typora-root-url
属性,你可以只需点击菜单栏项目Edit
→交通Image Tools
→交通Use Image Root Path
告诉Typora生成typora-root-url
自动属性。
Tags:
markdown,
Typora,
Typora中插入图像