Community Plugin

gatsby-remark-amazon-link

Features

This plugin is replaced markdown’s amazon link with beautiful linkcard used Amazon PA API v5.

linkcard-example

linkcard-example-dark

Install

Install package.

npm install --save gatsby-remark-amazon-link

Enable plugin in your gatsby-config.js.

resolve: `gatsby-transformer-remark`,
options: {
  plugins: [
    {
      resolve: `gatsby-remark-amazon-link`,
      options: {
        accessKey: "xxxxxxxxxxxx",
        secretKey: "xxxxxxxxxxxx",
        partnerTag: "xxxxxxx-22",
        marketplace: "www.amazon.co.jp",
      }
    }
  ]
};

Load css in your gatsby-browser.js.

import 'gatsby-remark-amazon-link/styles/default.css';

Usage

Write amazon link on your markdown file!

[$amazon](https://amazon.co.jp/dp/B00000000/?xxxxxx)

Option

name	default	description
accessKey	(required)	Amazon PA-API v5 access key
secretKey	(required)	Amazon PA-API v5 secret key.
partnerTag	(required)	Amazon Associate Partner Tag(ex. hoge-22)
marketplace	`amazon.co.jp`	Amazon market region.
convertTitle	`$amazon`	Replace markdown’s link title

Optional: CSS

If you want to change the design of the linkcard yourself, please use this css as a reference.

Reference

Amazon PA-API v5 doc

gatsby-remark-link-beautify