const gatsbyRemarkPlugins = [
{
resolve: `gatsby-remark-katex`,
options: { macros, throwOnError: false },
},
`gatsby-remark-images`,
{
resolve: `gatsby-remark-emojis`,
options: {
// Deactivate the plugin globally (default: true)
active: true,
// Add a custom css class
class: "emoji-icon",
// Select the size (available size: 16, 24, 32, 64)
size: 64,
// Add custom styles
styles: {
display: "inline",
margin: "0",
"margin-top": "1px",
position: "relative",
top: "5px",
width: "25px",
},
},
},
]
...
module.exports = {
...
plugins: [
...
{
resolve: `gatsby-plugin-mdx`,
options: {
defaultLayouts: {
default: require.resolve(`./src/components/layout.jsx`),
},
gatsbyRemarkPlugins,
},
},
...
],
}
Thanks.