Typora中的图片处理问题

最新推荐文章于 2025-03-06 10:38:10 发布

原创最新推荐文章于 2025-03-06 10:38:10 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#编辑器

工欲善其事必先利其器专栏收录该内容

36 篇文章

订阅专栏

本文介绍了使用Typora编辑器高效插入和管理图片的方法。包括使用Markdown语法插入图片、拖放图片、从本地文件中选择图片、从剪贴板粘贴图片等。还介绍了如何配置Typora以复制图片到特定文件夹或上传到Web服务器。

写下 Markdown
您可以简单地编写降价语法来插入图像。或单击菜单栏中的“图像”，或按快捷键。如果剪贴板中有图片 URL，则该 URL 将直接插入到src部件中。

拖放
还有一种更简单的方法 - 拖放，如下面的截屏视频。

拖拽图片

您还可以一次性拖放多个图像文件。

从本地文件中选择
如果您从菜单栏中选择菜单项Format→ Image→Insert Local Images…打开一个对话框来选择和插入本地图像。

如果您经常使用此菜单项，我们建议您在自定义键绑定之后重新分配此“插入图像”命令的快捷键。

从剪贴板粘贴图像
Typora 支持从剪贴板粘贴图像数据，在告诉 Typora 将这些图像放在哪里之后。Typora 会将图像数据放入给定的文件夹或服务器，然后插入引用该存储文件或 URL 的图像。有关更多详细信息，请参阅插入本地图像时…部分。

提示：在 macOS 上，用户可以从 finder 复制图像文件，然后粘贴到 Typora 中。它具有与拖放相同的行为。

提示：在macOS上，您也可以从iPhone复制图像，然后在设置好放置图像文件的位置后粘贴到Typora中。

插入图片时…
当使用拖放或从菜单插入本地图像时，Typora 支持使用iPic将图像文件复制到给定的文件夹或 Web 服务器。设置说明如下。

默认行为
默认情况下，当您在 Typora 中插入或拖放图像文件时，我们将使用图像文件的路径作为属性src。

使用相对路径
如果启用Editor→交通Image Insert→交通Use relative path if possible在首选项面板中，你的工作已经保存到文件中，那么当你拖放一个地方的形象，该src属性将被设置为当前文件（文件夹）的相对路径。

插入本地图像时将图像文件复制到目标文件夹
要使用此功能，您需要选择Allow copy images to given folder首选项面板中的选项。

一种常见的情况是使用 Typora 编辑*.md静态网站（如 Jekyll）的帖子。例如，如果.*md文件放在_posts文件夹下，而图像文件进入_media文件夹，则您可能希望在_media自动拖放或粘贴图像到 Markdown 文件时将图像文件复制到文件夹中。方法如下：

将您的文件保存到给定的文件夹中。

在首选项面板中启用Editor→ Image Insert→ Allow copy images to given folder。

截图20161117_2

从菜单栏中选择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 服务器。
请参阅插入图像时自动上传。

使用全局设置进行图像插入操作
在为所有文档插入图像时，您可以告诉 Typora 复制图像或上传图像的位置（全局设置）。您可以在首选项面板的“图像”部分下找到图像。

20190802

以相对路径显示图像
当前文件/文件夹的相对路径（默认行为）
默认情况下，用户可以通过当前*.md文件的相对路径来引用本地图像。例如，如果*.md文件位于/User/typora/desktop/test.md，则[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-G7DGRlOO-1629788728168)(image.png)]将显示来自/User/typora/desktop/image.png就像HTML 中的标签一样的图像。此外，对于…/download/image.png，/User/typora/download/image.png将从中获取图像。

特定文件夹的相对路径
如果您使用 Markdown 构建网站，您可以指定一个 URL 前缀，用于在本地计算机上使用typora-root-urlYAML Front Matter 中的属性进行图像预览。

例如，写typora-root-url:/User/Abner/Website/typora.io/在 YAML Front Matters 中，然后[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1UgtTaAu-1629788728174)(/blog/img/test.png)]将被视为[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KRr9Ii2K-1629788728176)(file:///User/Abner/Website/typora.io/blog/img/test.png)]在 Typora 中。

在较新版本的 Typora 中，您无需手动键入typora-root-url属性，只需单击菜单栏中的项目Format→ Image→Use Image Root Path即可告诉 Typoratypora-root-url自动生成属性。

上传图片到云服务器
Typora 支持上传图片到云图片服务器。

请参考上传图片。

注意：如果通过iPic上传图片时发生崩溃，请从typora.io重新下载typora。

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