https://github.com/anuraghazra/gatsby-plugin-social-banners

Gatsby plugin to automatically generate social card images.
https://github.com/anuraghazra/gatsby-plugin-social-banners

gatsby gatsby-plugin

Last synced: about 2 months ago
JSON representation

Gatsby plugin to automatically generate social card images.

• Host: GitHub
• URL: https://github.com/anuraghazra/gatsby-plugin-social-banners
• Owner: anuraghazra
• Created: 2019-11-29T15:39:49.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2019-12-03T16:29:53.000Z (about 5 years ago)
• Last Synced: 2024-12-19T04:35:16.931Z (about 2 months ago)
• Topics: gatsby, gatsby-plugin
• Language: JavaScript
• Size: 127 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# gatsby-plugin-social-banners

Gatsby plugin to automatically generate social card images.

### Inspiration

This plugin is highly inspired by [Ryan Yurkanin's](twitter.com/YurkaninRyan) blog post on [How to Automate Social Cards for your Gatsby Blog](https://tkplaceholder.io/how-to-automate-social-cards-for-your-gatsby-blog/)

## How to install

Please include installation instructions here.

## Available options

```js

{

  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

```js

// gatsby-config.js

{

  resolve: `gatsby-plugin-social-banners`,

  options: {

    // required

    baseImg: path.resolve('./src/static/social-banner-template.jpg')

  }

}

```

---

Made with :heart: and js for gatsby.