Typora中的图像

by Typora.net
如果通过iPic上传图像时发生崩溃,请从typora.io重新下载typora。 需要最新版本的Typora。

Markdown中的图像

在降价促销中,图片写成![alt](src)。在src这里可以是一个URL一样https://octodex.github.com/images/yaktocat.png,还是绝对/相对文件路径,像../images/test.png

如何在Typora中插入图像

写降价

您可以简单地写下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当您将图像自动拖放或粘贴到Markdown文件中时,可能需要将图像文件复制到文件夹中。这是如何做:
  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.10iPic。另外,您需要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将提取来自的图片。

某些文件夹的相对路径

如果您使用markdown构建网站,则可以使用typora-root-urlYAML Front Matters中的属性为本地计算机中的图像预览指定URL前缀。 例如,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自动属性。

将图像上传到云服务器(仅适用于macOS)

iPic简介

史诗般的 iPic是一款应用程序,可让您将本地图像上传到各种云服务中,包括   Imgur,  FlickrAmazon S3等,并向您返回上传图像的Web URL以供公众访问。您可以在此处找到详细的文档。 借助iPic的集成,用户可以将降价文件与其他人共享,而无需将本地图像与纯文本文件一起打包。用户可以不再关心将本地图像放在哪里或如何使用相对路径来引用本地图像,因为他们可以将使用过的图像简单地上传到云服务器。

系统要求和准备

  1. 此功能仅支持macOS≥10.10。
  2. 必须安装最新版本的iPic
  3. iPic中配置Web服务器。

将所有本地图像上传到云服务器

Typora提供了通过iPic将所有本地映像上传到云服务器的功能。要使用它,简单地说,检查Edit→交通Image Tools→交通Upload Local Images via iPic从菜单栏中并等待完成上传过程。

插入图片时上传

有关此部分的操作方法,请参见“ 插入本地图像时…”部分 →将图像文件上传到Web服务器。(仅适用于macOS)。

对齐图像

目前,Typora不支持图像对齐。但是您可以使用HTML代码,例如<center>![img](src)</center>在导出的HTML或PDF上对齐图像。 同样,默认情况下,如果一个段落仅包含一张图像,则它将居中对齐。它由CSS控制,可以通过添加自定义CSS恢复:
p .md-image:only-child{
    width: auto;
    text-align: inherit;
}

调整图像大小

请检查此链接