Embed Tweet cards in Gatsby markdown.
npm install --save @weknow/gatsby-remark-twitter
// In your gatsby-config.js
plugins: [
{
resolve: "gatsby-transformer-remark",
options: {
plugins: ["@weknow/gatsby-remark-twitter"]
}
}
];
If you want to get debug output, turn on the debug
option in the
plugin options.
// In your gatsby-config.js
plugins: [
{
resolve: "gatsby-transformer-remark",
options: {
plugins: [
{
resolve: "@weknow/gatsby-remark-twitter",
options: {
debug: true
}
}
]
}
}
];
# Blog post title
This is an example of embedding a single tweet card.
Add any markdown as you normally do, and then insert a valid
Tweet link anywhere to automatically transform it into an
embed card.
https://twitter.com/gatsbyjs/status/1055939617646465024
You can embed several tweets
https://twitter.com/wesbos/status/1068597847237541888
https://twitter.com/dan_abramov/status/1068884262273933312
NOTE: Make sure to copy the Tweet link instead of the embed code.
You can embed a single tweet
All the great minds behind the Gatsby presentations at @BADCamp https://t.co/waarKr3uZj pic.twitter.com/iwvGWRayPb
— Gatsby (@gatsbyjs) October 26, 2018
You can embed several tweets
Gatsby is magic
— Wes Bos (@wesbos) November 30, 2018
Don’t mean to overhype it, and note it has its warts. But @gatsbyjs blog authoring experience is incredible. Hot reloading feels instant. I write posts and tweak styles or layout, and see my changes reflected in real time. This was my dream.
— Dan Abramov (@dan_abramov) December 1, 2018
A front-end developer specializing in all things JavaScript. I don't totally suck 👋 Software Engineer @gatsbyjs