Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

Gatsby

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

  1. Install package.
npm install --save gatsby-remark-amazon-link
  1. 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",
      }
    }
  ]
};
  1. 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

© 2023 Gatsby, Inc.