See what's launched

The next gen Gatsby is here Performance, developer velocity, and scaling to meet Enterprise needs - See what’s launched

Sign Up for Free
Community Plugin
View plugin on GitHub


English | 中文

Processing images from the specified aliyun OSS bucket in Markdown


npm install gatsby-remark-aliyun-images ---save


// gatsby-config.js
plugins: [
    resolve: `gatsby-transformer-remark`,
    options: {
      plugins: [
          resolve: `gatsby-remark-aliyun-images`,
          options: {
            bucket: '' // OR ['']
            maxWidth: 650,


Name Default Description
bucket Aliyun OSS bucket domain. Support for incoming multiple bucket domains
maxWidth 650 maximum image width, in pixels, for scaling the image
withWebp false prefer WebP format, use WebP image when browser is supported
interlace false progressive display (invalid when using WebP)
quality 50 image quality conversion, in percentages, for quality compression of images



© 2022 Gatsby, Inc.