anuraghazra / gatsby-plugin-social-banners

Gatsby plugin to automatically generate social card images.

gatsby-plugin-social-banners

Gatsby plugin to automatically generate social card images.

Inspiration

This plugin is highly inspired by Ryan Yurkanin's blog post on How to Automate Social Cards for your Gatsby Blog

How to install

Please include installation instructions here.

Available options

{
  resolve: `gatsby-plugin-social-banners`,
  options: {
    // optional & defaults
    subText: { author: 'Anurag hazra' },
    imgWidth: 1200,
    imgHeight: 630,
    x:139,
    y:231,
    outputImg: 'social-banner-img.jpg',
    // required (have to be specified)
    baseImg: path.resolve('./src/static/social-banner-template.jpg')
  }
}

When do I use this plugin?

This plugin is mainly for my personal portfolio site but i will update it so everyone can use it on their own site.

Examples of usage

// gatsby-config.js
{
  resolve: `gatsby-plugin-social-banners`,
  options: {
    // required
    baseImg: path.resolve('./src/static/social-banner-template.jpg')
  }
}

---

Made with ❤️ and js for gatsby.