如何在ox-hugo中插入图片

Last updated on 2023年9月29日 1 min read

简介

这是ox-hugo系统的第二篇文章。其它文章请参见：

在讲插入图片前，先讲一下page-bundle。因为如果在文章中需要插入图片，如果不是外链图片的话，就需要对图片文件进行管理，使用page-bundle管理的话，相对方便一些。

简单地讲，page-bundle 可以为每一篇文章建立一个文件夹，这篇文章相关的所有文件，包括要插入的图片都可以放到这个文件夹中。这种方式相对于将图片放到static的好处是，管理起来更方便。如:

├── posts
│   ├── my-post
│   │   ├── image1.jpg
│   │   ├── image2.png
│   │   └── index.md

更多关于 page-bundle 的介绍，可以参见：Hugo的Page Bundle.

普通格式的设置：

:PROPERTIES:
:EXPORT_FILE_NAME: file-name
:END:

page-bundle的设置

:PROPERTIES:
:EXPORT_FILE_NAME: index
:EXPORT_HUGO_BUNDLE: page-bundle-folder-name
:END:

在org中插入图片，要使用org的格式，第一种是插入本地文件的形式，下面这种形式指的就是插入的图片和md文件在同一目录下：

#+CAPTION: 图片标题

#+ATTR_HTML: :alt 替换文字

[[file:featured.jpg]]

插入外链图片的形式

#+CAPTION:

#+ATTR_HTML: :alt

[[https://orgmode.org/resources/img/org-mode-unicorn.svg]]

Emacs