feat: optimize seo title

Author: MuYunyun

packages/crd-scripts/src/web/Router.js

@@ -29,21 +29,18 @@ function menuSourceFormat(data, routePath, article) {
     const routePropsCurrent = `${routePath || ''}/${item.name}`.replace(/.md$/, '')
     if (item.type === 'directory') {
       if (item.children && item.children.length > 0) {
-        item.title = 'test aaa'
-        // item.title = item.name.replace(item.extension, '')
+        item.title = item.name.replace(item.extension, '')
         item.mdconf = {}
         item.props = { isEmpty: true }
         item.children = menuSourceFormat(item.children, routePropsCurrent, article || item.name)
       } else {
-        item.title = 'test bbb'
-        // item.title = item.name.replace(item.extension, '')
+        item.title = item.name.replace(item.extension, '')
         item.mdconf = { title: item.name }
         item.props = { isEmpty: true }
         item.children = []
       }
     } else {
-      item.title = 'test ccc'
-      // item.title = item.mdconf && item.mdconf.title ? item.mdconf.title : item.name.replace(item.extension, '')
+      item.title = item.mdconf && item.mdconf.title ? item.mdconf.title : item.name.replace(item.extension, '')
       if (!item.mdconf) {
         item.props = { isEmpty: true }
       }

packages/crd-seed/component/Header/index.js

@@ -230,7 +230,7 @@ function BasicLayout({
           {/* see https://reacttraining.com/react-router/web/api/Redirect/exact-bool */}
           <Redirect exact from={ifAddPrefix ? `/${repo}` : `/`} to={ifAddPrefix ? `/${repo}/${defaultPath}` : `/${defaultPath}`} />
           {routeData.map((item) => {
-            console.log('item', item)
+            // console.log('item', item)
             const { path, mdconf, component } = item
             const { abbrlink } = mdconf
             const enhancePath = abbrlink ? `/${abbrlink}` : path

packages/crd-seed/layout/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable global-require */
 // import Loading from './component/Loading'
 import Markdown from './routes/Pages'
 // import { ifProd, ifPrerender } from './utils'
@@ -23,8 +22,9 @@ export default function (Lazyload, props) {
 
   // support for custom theme.
   const CustomTheme = require('__project_theme__').default
+
+  {/* use custom theme here. */}
   return (
-    // use custom theme here.
     <CustomTheme {...props} />
   )
 }

packages/crd-theme/index.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from 'react'
+import * as React from 'react'
 import cx from 'classnames'
 import { MDXProvider } from '@mdx-js/react'
 import { Helmet } from 'react-helmet'
@@ -7,15 +7,16 @@ import Link from './Link'
 import Loading from '../component/Loading'
 import styles from './style/index.less'
 
+const { useState, useEffect, useRef } = React
+
 const components = {
   code: CodeBlock,
   link: Link,
 }
 
 function Markdown(markdownProps) {
   const { props } = markdownProps
-  const { relative } = props
-  console.log('props', props)
+  const { relative, name } = props
   const [MarkdownCP, setMarkdownCP] = useState(null)
   const markdownWrapperRef = useRef(null)
 
@@ -35,15 +36,15 @@ function Markdown(markdownProps) {
     renderMarkdown()
   }, [])
 
-  useEffect(() => {
-    // to test
-  }, [props.title])
+  const getName = () => {
+    return name ? name.replace('.md', '') : ''
+  }
 
   return (
     <>
       <Helmet>
-        <title>{props.title}</title>
-        <meta name={props.title} content={props.title} />
+        <title>{getName()}</title>
+        <meta name={getName()} content={getName()} />
       </Helmet>
       <div className={cx('markdown', styles.markdown, styles.markdownwrapper)} ref={markdownWrapperRef}>
         {