Gatsby-remark-aliyun-images NPM

gatsby-remark-aliyun-images

English | 中文

Processing images from the specified aliyun OSS bucket in Markdown

Installation

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

Usage

// gatsby-config.js
plugins: [
  {
    resolve: `gatsby-transformer-remark`,
    options: {
      plugins: [
        {
          resolve: `gatsby-remark-aliyun-images`,
          options: {
            bucket: 'xxx.oss-cn-beijing.aliyuncs.com' // OR ['xxx.oss-cn-beijing.aliyuncs.com']
            maxWidth: 650,
          },
        },
      ],
    },
  },
];

Options

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