gatsby-theme-wordpress-mdx/src/Hooks/SiteMetadata.js

<p align="center"> <img width='200px' alt="Gatsby Theme" src="https://raw.githubusercontent.com/artezan/gatsby-theme-wordpress-mdx/master/%40artezan/gatsby-theme-wordpress-mdx/dn.png" />

import { useStaticQuery, graphql } from 'gatsby'

export const useSiteMetadata = () => {
  const { site } = useStaticQuery(
    graphql`
      {
        site {
          siteMetadata {
            title
            description
            keywords
            siteURL
            siteImage
            twitterUsername
            author {
              name
            }
            config {
              headerHeight
              sideBarWidth
              logo
              navButtonTheme {
                showButtonTheme
                text
                colorsModes
              }
              colorModes {
                default
              }
            }
          }
        }
      }
    `
  )
  return site.siteMetadata
}