Update html.js

pyjun01 · pyjun01 · commit cdecf60cf20a · 2022-06-02T16:51:03.000+09:00
diff --git a/src/components/layout.tsx b/src/components/layout.tsx
@@ -48,6 +48,11 @@ function Layout({ pageTitle, children }: { pageTitle?: string; children: ReactNo
 
   return (
     <Container $isMain={!pageTitle}>
+      <script
+        src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5121982141414734'
+        crossOrigin='anonymous'
+        async
+      ></script>
       <GlobalStyle />
       <title>
         {data.site.siteMetadata.title}
diff --git a/src/components/seo.tsx b/src/components/seo.tsx
@@ -33,19 +33,14 @@ const SEO = ({ description = '', title, slug }: SeoProps) => {
       title={title}
       titleTemplate={defaultTitle ? `%s | ${defaultTitle}` : null}
     >
-      <meta name='theme-color' content='#1a5b89' />
       <meta property='og:title' content={title || defaultTitle} />
-      <meta property='og:type' content={'website'} />
       <meta property='og:image' content={`https://pyjun01.github.io/${slug}-preview.png`} />
       <meta property='og:url' content={`https://pyjun01.github.io/v/${slug}`} />
       <meta property='og:description' content={metaDescription} />
-      <meta property='og:site_name' content={'pyjun01 blog'} />
-      <meta property='og:locale' content={'ko_KR'} />
       <meta name='description' content={metaDescription} />
       <meta name='twitter:card' content={'summary'} />
       <meta name='twitter:title' content={title} />
       <meta name='twitter:description' content={metaDescription} />
-      <meta name='naver-site-verification' content='2a28f13354877854bb05feb3be7bf8f34ff88f05' />
     </Helmet>
   );
 };
diff --git a/src/html.js b/src/html.js
@@ -0,0 +1,39 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export default function HTML(props) {
+  return (
+    <html {...props.htmlAttributes}>
+      <head>
+        <meta charSet='utf-8' />
+        <meta httpEquiv='x-ua-compatible' content='ie=edge' />
+        <meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no' />
+        <meta property='og:type' content='website' />
+        <meta property='og:site_name' content='pyjun01 blog' />
+        <meta property='og:locale' content='ko_KR' />
+        <meta name='theme-color' content='#1a5b89' />
+        <meta name='naver-site-verification' content='2a28f13354877854bb05feb3be7bf8f34ff88f05' />
+        <script
+          async
+          src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5121982141414734'
+          crossorigin='anonymous'
+        ></script>
+        {props.headComponents}
+      </head>
+      <body {...props.bodyAttributes}>
+        {props.preBodyComponents}
+        <div key={`body`} id='___gatsby' dangerouslySetInnerHTML={{ __html: props.body }} />
+        {props.postBodyComponents}
+      </body>
+    </html>
+  );
+}
+
+HTML.propTypes = {
+  htmlAttributes: PropTypes.object,
+  headComponents: PropTypes.array,
+  bodyAttributes: PropTypes.object,
+  preBodyComponents: PropTypes.array,
+  body: PropTypes.string,
+  postBodyComponents: PropTypes.array,
+};
diff --git a/src/pages/v/index.tsx b/src/pages/v/index.tsx
@@ -15,22 +15,14 @@ function BlogPage() {
         }}
         title='pyjun01 개발 블로그'
       >
-        <meta name='theme-color' content='#1a5b89' />
-        <meta name='description' content='pyjun01 개발 블로그' />
-        <meta name='keywords' content='pyjun01,개발,개발자,개발 블로그' />
-        <meta name='naver-site-verification' content='2a28f13354877854bb05feb3be7bf8f34ff88f05' />
-        <meta name='theme-color' content='#1a5b89' />
         <meta property='og:title' content='pyjun01 개발 블로그' />
-        <meta property='og:type' content='website' />
         <meta property='og:url' content='https://pyjun01.github.io' />
         <meta property='og:description' content='pyjun01의 개발 블로그입니다' />
-        <meta property='og:site_name' content='pyjun01 blog' />
-        <meta property='og:locale' content='ko_KR' />
         <meta name='description' content='pyjun01의 개발 블로그입니다' />
+        <meta name='keywords' content='pyjun01,개발,개발자,개발 블로그' />
         <meta name='twitter:card' content={'summary'} />
         <meta name='twitter:title' content='pyjun01 개발 블로그' />
         <meta name='twitter:description' content='pyjun01의 개발 블로그입니다' />
-        <meta name='naver-site-verification' content='2a28f13354877854bb05feb3be7bf8f34ff88f05' />
       </Helmet>
       <List nodes={data.allMdx.nodes} />
     </Layout>
