Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-remark-alu

Embed CROPPED MANGA CAPTURE BY ALU in Gatsby markdown.

Install

npm install --save "gatsby-remark-alu"

How to use

// In your gatsby-config.js
plugins: [
  {
    resolve: "gatsby-transformer-remark",
    options: {
      plugins: ["gatsby-remark-alu"]
    }
  }
];
// In your gatsby-config.js
// only maxWidth option is available now.
plugins: [
  {
    resolve: "gatsby-transformer-remark",
    options: {
      plugins: [
        {
          resolve: "gatsby-remark-alu",
          options: {
            maxWidth: '400px'
          }
        }
      ]
    }
  }
];

Usage

  1. select image you want to use in ALU Crop Search.
  2. copy URL (same as WORDPRESS, Hatena, note).
  3. paste to your markdown.
# Blog post title

This is an example of embedding ALU CROPPED MANGA CAPTURE.
Add any markdown as you normally do, and then insert a valid
ALU share link anywhere to automatically transform it into an
embed card.

https://alu.jp/series/左ききのエレン/crop/P9ORrSGCBU0rk2RrR2c1

You can embed several cropped capture

https://alu.jp/series/忘却バッテリー/crop/XL5xRVXU10R7P20F8ZV6

https://alu.jp/series/ランウェイで笑って/crop/xnVrMsLbE5clRhHWta9X

How this looks like

View a demo here

License

MIT

© 2023 Gatsby, Inc.