Hugo如何在markdown里引用本地图片

本文介绍了在Hugo博客使用Markdown时如何引用本地图片。你可以选择将图片上传到图床获取永久链接,或者直接在Markdown文件中引用本地图片。Hugo的逻辑是将`static`目录下的文件复制到`public`目录,所以在`static`创建子目录并放入图片,然后在Markdown中以`![](/<子目录>/<图片名>)`格式引用,执行Hugo命令后,图片将在本地页面中显示。
摘要由CSDN通过智能技术生成

原文链接:

Hugo如何在markdown里引用本地图片 - Jincheng9's blog

前言

在Hugo上写文章的时候,肯定会遇到要插入图片的情况。

我们在content/post目录下的markdown文件里应该怎么引用图片,才能让网站能正常显示图片呢?

这里我们其实有2种选择:

  1. 使用图床:图床其实就是图片存储空间,我们可以把要插入在markdown的图片先上传到图床里,生成图片的永久链接,然后在markdown里引用这个图片链接即可。

    1. 优点:文章可以不用修改,直接复制到多个平台,而不用担心图片加载会出问题,因为图片链接是固定永久的。

    2. 缺点:免费的图床有上传数量和容量限制,还可能停用。付费的图床嘛,有钱就可以任性。。。

  2. 使用本地图片:直接在markdown里引用本地的图片

    1. 优点:免费,图片和文章在一起,不用担心图片丢失

    2. 缺点:文章复制到其它平台的时候,对于图片的引用要手工修改,比较繁琐

这篇文章主要讲下如何基于Hugo,在文章对应的markdown文件里引用本地图片。

操作

我们先讲下Hugo的一个实现逻辑&

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值