Ever seen those images shown next to posts on Twitter, Slack or Facebook? Ever wonder where they come from? Me too!
This plugin will create automatic cards for your (ReMark) at build-time.
Announcing
I am ready to announce my new Gatsby plugin, gatsby-plugin-social-cards.
There are a few alternatives for Gatsby social-cards, but I wanted to try making these cards with SVG, React and the Sharp library that most Gatsby sites already depend on.
Currently this plugin resides within my site, but if there is interest in it, I'll move it into its own repo. Contact me on Twitter if you have any issues.
Features
Backgrounds
You can put a cover frontmatter on your post, and we'll use that. Otherwise, we'll use a default-background that you can specify or if that fails, we'll use a fallback one.
Designs
There are two design available now, "card" and "default". But we can expand that later.
Author image
If specified, an author image is shown on the image. That is also configurable.
Custom author-image
The author image can be ommitted if it's not wanted, or customized in the configuration.
Install
yarn add gatsby-plugin-social-cards
# or npm install --save gatsby-plugin-social-cards
How to use
Please see the README for how to use.
Top comments (0)