gatsby-config.js

/**
 * Configure your Gatsby site with this file.
 *
 * See: https://www.gatsbyjs.com/docs/gatsby-config/
 */

module.exports = {
  siteMetadata: {
    title: "Andy Polhill - Engineering Manager",
    image: "./images/andy-polhill.png",
    url: "https://andypolhill.com",
    siteUrl: "https://andypolhill.com", // for sitemap plugin
    twitterUsername: "andy_polhill",
    googleSiteVerification: "u9YSAtiwcwFBg-4OXo2VdosOk-8V431tQJSALmhc9Tk",
    description:
      "This is me, I'm an Engineering Manager with experience of managing managers and enabling teams",
  },
  pathPrefix: "/",
  plugins: [
    "gatsby-plugin-image",
    "gatsby-plugin-sharp",
    "gatsby-transformer-sharp",
    "gatsby-plugin-cname",
    "gatsby-remark-images",
    "gatsby-plugin-layout",
    {
      resolve: "gatsby-plugin-sitemap",
      options: {
        excludes: ["/about", "/null", "/dev-404-page/"]
      },
    },
    {
      resolve: "gatsby-plugin-plausible",
      options: {
        domain: "andypolhill.com"
      },
    },
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: "blog",
        path: `${__dirname}/src/blog/`,
      },
    },
    {
      resolve: "gatsby-plugin-mdx",
      options: {
        extensions: [".md", ".mdx"],
        gatsbyRemarkPlugins: [
          {
            resolve: 'gatsby-remark-mermaid',
            options: {
              language: 'mermaid',
              theme: 'neutral',
              mermaidOptions: {
                themeCSS: `
                  .node rect { fill: var(--color-mermaid-bg); }
                  
                  .node .label {
                    font-family: \"Libre Baskeville\", Georgia, serif;
                    color: var(--color-body)
                  }

                  .edgeLabels .edgeLabel {
                    background-color: var(--sky-bottom);
                    font-family: \"Libre Baskeville\", Georgia, serif;
                    color: var(--color-body);
                  }
                `
              }
            }
          },
          {
            resolve: "gatsby-remark-highlight-code",
            options: {
              terminal: "carbon",
              theme: "one-light",
            },
          },
          {
            resolve: "gatsby-github-discussion-plugin"
          },
          {
            resolve: "gatsby-remark-images",
            options: {
              maxWidth: 840,
              wrapperStyle: 'margin:0;',
            },
          },
          {
            resolve: "gatsby-remark-external-links",
            options: {
              target: "_blank",
              rel: "noopener"
            }
          }
        ]
      }
    },
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: "content",
        path: "./README.md",
      },
    },
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: "images",
        path: `${__dirname}/src/images/`,
      },
    },
    "gatsby-plugin-react-helmet",
  ]
};