使用 Typora 编辑 Hugo(不使用图床)

Hugo + Typora,无需上传图片到图床,优雅地书写你的博客

遇到的问题

Typora 是一个简单美观的 Markdown 编辑器,但在 Typora 中的图片路径包含文件夹时容易和 Hugo 程序不兼容。

目前大量的教程建议使用“上传”功能,将图片上传到图床

但为了实现 Simple 的目标,是否还有别的解决方案呢?👀

解决方案

  1. 创建 Hugo 文章时,使用命令 hugo new post/helloworld/index.md
  2. 在 Typora - 偏好设置 - 图像 中,设置 复制图片到当前文件夹,并勾选 优先使用相对路径 ,如下图所示

image-20241014181914088

✨ 原理

创建文章时,为每个文章创建单独的目录

在 Typora 中设置后,图片将和 Markdown 文本文件位于同一目录下

由于勾选了优先使用相对路径,Markdown 文件中的图片路径将不包含文件夹