如果通过iPic上传图像时发生崩溃,请从typora.io重新下载typora。
需要最新版本的Typora。
Markdown中的图像
在降价促销中,图片写成

。在
src
这里可以是一个URL一样
https://octodex.github.com/images/yaktocat.png
,还是绝对/相对文件路径,像
../images/test.png
。
如何在Typora中插入图像
写降价
您可以简单地写下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
当您将图像自动拖放或粘贴到Markdown文件中时,可能需要将图像文件复制到文件夹中。这是如何做:
- 将文件保存到某个路径。
- 启用
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
将提取来自的图片。
某些文件夹的相对路径
如果您使用markdown构建网站,则可以使用
typora-root-url
YAML Front Matters中的属性为本地计算机中的图像预览指定URL前缀。
例如,
typora-root-url:/User/Abner/Website/typora.io/
在“ YAML前台事项”中输入,然后

将被视为

输入错误。
在新版本中,而不用手动输入
typora-root-url
属性,你可以只需点击菜单栏项目
Edit
→交通
Image Tools
→交通
Use Image Root Path
告诉Typora生成
typora-root-url
自动属性。
将图像上传到云服务器(仅适用于macOS)
iPic简介
iPic是一款应用程序,可让您将本地图像上传到各种云服务中,包括
Imgur,
Flickr,
Amazon S3等,并向您返回上传图像的Web URL以供公众访问。您可以
在此处找到详细的文档。
借助
iPic的集成,用户可以将降价文件与其他人共享,而无需将本地图像与纯文本文件一起打包。用户可以不再关心将本地图像放在哪里或如何使用相对路径来引用本地图像,因为他们可以将使用过的图像简单地上传到云服务器。
系统要求和准备
- 此功能仅支持macOS≥10.10。
- 必须安装最新版本的iPic。
- 在iPic中配置Web服务器。
将所有本地图像上传到云服务器
Typora提供了通过
iPic将所有本地映像上传到云服务器的
功能。要使用它,简单地说,检查
Edit
→交通
Image Tools
→交通
Upload Local Images via iPic
从菜单栏中并等待完成上传过程。
插入图片时上传
有关此部分的操作方法,请参见“
插入本地图像时…”部分
。 →将图像文件上传到Web服务器。(仅适用于macOS)。
对齐图像
目前,Typora不支持图像对齐。但是您可以使用HTML代码,例如
<center></center>
在导出的HTML或PDF上对齐图像。
同样,默认情况下,如果一个段落仅包含一张图像,则它将居中对齐。它由CSS控制,可以通过
添加自定义CSS恢复:
p .md-image:only-child{
width: auto;
text-align: inherit;
}
调整图像大小
请检查
此链接。