如何在Typora中插入图像?

by Typora.net

写降价

您可以简单地写下markdown语法以插入图像。或从菜单栏中单击“图像”,或按快捷键。当您执行此操作时,与此同时,如果剪贴板中有图像URL,则该URL将直接插入到src零件中。

拖放

当然,有一种更简单的方法-拖放,如下面的截屏所示。 拖动img 您也可以一次拖放多个图像文件。

从本地文件中选择

您可以点击菜单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,当你拖动自动/放置或粘贴图像到降价文件。这是如何做:
  1. 将文件保存到某个路径。
  2. 启用Editor→交通Image Insert→交通Allow copy images to given folder在首选项面板。
  3. 选择Format→交通Image→交通When Insert Local Images→交通Copy Image File to Folder从菜单栏,挑选的目标文件夹。 截图20161117_6
在第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。
启用此功能的方法如下:
  1. 安装iPic配置适当的在线图像服务。
  2. 启用Editor→交通Image Insert→交通Allow copy images to given folder在首选项面板。
  3. 检查项目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在哪里复制图像或上传图像。您可以在“首选项”面板的“图像”部分下找到图像。 20190802

以相对路径显示图像

当前文件/文件夹的相对路径(默认行为)

默认情况下,用户可以通过相对于当前*.md文件的相对路径来引用本地图像。例如,如果*.md文件位于/User/typora/desktop/test.md,则![img](image.png)将会显示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前台事项”中输入,然后![alt](/blog/img/test.png)将被视为![alt](file:///User/Abner/Website/typora.io/blog/img/test.png)输入错误。 在新版本中,而不用手动输入typora-root-url属性,你可以只需点击菜单栏项目Edit→交通Image Tools→交通Use Image Root Path告诉Typora生成typora-root-url自动属性。
Tags: , ,