Question

我使用gatsby-transformer-asciidoc，并在image::<some-name>[]中写上.adoc。但是我无法获得图像。

目录结构

---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[]
 :

但是我还没有得到图像。

然后我测试另一个插件结构。

gatsby-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从本地目录获取图像文件？

1 个答案: