loading...

Announcing gatsby-plugin-social-cards

andrioid profile image Andri Originally published at andri.dk on ・2 min read

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.

default card design

Designs

There are two design available now, "card" and "default". But we can expand that later.

default card design

Author image

If specified, an author image is shown on the image. That is also configurable.

default card design

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.

Posted on by:

andrioid profile

Andri

@andrioid

Computer Engineer from Iceland, living in Denmark. I mostly post about React (Native), Go, DevOps and Linux

Discussion

markdown guide