如何通过 gatsby-transformer-asciidoc 从本地目录获取图像文件？

Question

我用gatsby-transformer-asciidoc，在.adoc里写image::<some-name>[]。但是我没有得到图像。

目录结构

---images
 |  |-cheetah.png
 |-posts
 |  |-test.adoc
 |-src
 |-gatsby-config.js
 |-gatsby-node.js
 :

gatsby-config.js插件

plugins: [
  {
    resolve: `gatsby-transformer-asciidoc`,
    options: {
      attributes: {
        imagesdir: `/images`,
      },
    },
  },
]

test.adoc

 :
image::cheetah.png[]
 :

但是我没有得到图像。

我测试了另一个插件结构。

盖茨比-config.js

plugins: [
  {
    resolve: `gatsby-transformer-asciidoc`,
    options: {
      attributes: {
        imagesdir: `${__dirname}/images`,
      },
    },
  },
]

但是我做不到。

救救我吧！

Answer 1

这是一种解决方案，也许不是更好的解决方案，但它对我有用。

您可以将图像放在项目根目录下的 static/images 文件夹中，这样您就可以使用默认的 imagesdir 属性，它会起作用。

意味着您的目录结构将是

 |-static
 |  |-images
 |    |-cheetah.png
 |-posts
 |  |-test.adoc
 |-src
 |-gatsby-config.js
 |-gatsby-node.js
 :

和您的配置

plugins: [
  {
    resolve: `gatsby-transformer-asciidoc`,
    options: {
      attributes: {},
    },
  },
]

如何通过 gatsby-transformer-asciidoc 从本地目录获取图像文件？

How to get image file from local directory by gatsby-transformer-asciidoc?

asciidoc

asciidoctor

gatsby