feat: optimize seo title

Author: MuYunyun

packages/crd-theme/markdown/index.js

@@ -1,6 +1,7 @@
 import { useState, useEffect, useRef } from 'react'
 import cx from 'classnames'
 import { MDXProvider } from '@mdx-js/react'
+import { Helmet } from 'react-helmet'
 import CodeBlock from './codeBlock'
 import Link from './Link'
 import Loading from '../component/Loading'
@@ -35,19 +36,26 @@ function Markdown(markdownProps) {
     renderMarkdown()
   }, [])
 
+  console.log('props', props)
   return (
-    <div className={cx('markdown', styles.markdown, styles.markdownwrapper)} ref={markdownWrapperRef}>
-      {
-        MarkdownCP
-          ?
+    <>
+      <Helmet>
+        <title>{props.title}</title>
+        <meta name={props.title} content={props.title} />
+      </Helmet>
+      <div className={cx('markdown', styles.markdown, styles.markdownwrapper)} ref={markdownWrapperRef}>
+        {
+          MarkdownCP
+            ?
             <MDXProvider
               components={components}
             >
               <MarkdownCP />
             </MDXProvider>
-          : <Loading />
-      }
-    </div>
+            : <Loading />
+        }
+      </div>
+    </>
   )
 }
 

yarn.lock

@@ -4096,6 +4096,15 @@ crd-prerender-spa-plugin@^0.2.0:
     "@prerenderer/renderer-puppeteer" "^0.2.0"
     html-minifier "^4.0.0"
 
+[email protected]:
+  version "0.2.24"
+  resolved "https://registry.npmjs.org/crd-seed/-/crd-seed-0.2.24.tgz#50ace28c8fe1c96a3cbef259ffcef08677eb5ba2"
+  integrity sha512-YwQKdCh3LNkQxOqnLeKPmhpfMuNVT1uGh4hhkEF/8yQ465sfnTKtntflVvOIRpF6DAr8SBCpiILXyw8xkxaD/g==
+  dependencies:
+    react-markdown "^3.3.0"
+    react-router-dom "^4.2.2"
+    react-switch "^5.0.1"
+
 [email protected]:
   version "2.2.2"
   resolved "https://registry.npmjs.org/cross-fetch/-/cross-fetch-2.2.2.tgz#a47ff4f7fc712daba8f6a695a11c948440d45723"