修复 Menu 初始化未高亮的问题

config.yml

@@ -16,6 +16,7 @@ menu: [
   docs/书写组件.md,
   docs/高阶用法.md,
   docs/其它工具.md,
+  docs/测试
 ]
 ## set init open menu keys
 # menuOpenKeys:

docs/测试/测试路由.md

@@ -0,0 +1 @@
+* 该页面用来测试未使用 abbrlink 的中文路径。

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

@@ -9,7 +9,7 @@ const Footer = () => {
         <tr>
           <td>
             <h1>404</h1>
-            <div>杯具啊！页面不存在 </div>
+            <div>你似乎来到了没有知识存在的荒原...</div>
             <section>在 github 访问<a href={`https://github.com/${user}/${repo}`}>该项目</a></section>
           </td>
         </tr>

packages/crd-seed/layout/index.js

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react'
+import * as React from 'react'
 import { Switch, Link, Route, Redirect } from 'react-router-dom'
 import cx from 'classnames'
 import Menu from '../component/Menu'
@@ -13,6 +13,7 @@ import logo from '../crd.logo.svg'
 import styles from './index.less'
 import '../style/mobile.less'
 
+const { useState, useEffect } = React
 const SubMenu = Menu.SubMenu
 
 function BasicLayout({
@@ -31,18 +32,24 @@ function BasicLayout({
   useEffect(() => {
     if (ifPrerender) {
       scrollToTop()
-      // eslint-disable-next-line no-undef
       INJECT?.inject?.()
     }
   }, [])
 
   useEffect(() => {
-    // eslint-disable-next-line no-undef
     INJECT?.injectWithPathname?.(pathname)
   }, [pathname])
 
   useEffect(() => {
-    const newPathName = location.pathname
+    const { pathname } = location
+    let newPathName = pathname
+    // fix https://github.com/MuYunyun/create-react-doc/issues/195
+    if (newPathName.endsWith('/')) {
+      newPathName = newPathName.slice(0, newPathName.length - 1)
+    }
+    if (newPathName.startsWith(`/${repo}`)) {
+      newPathName = newPathName.slice(`/${repo}`.length, newPathName.length)
+    }
     setSelectedKey(newPathName)
   }, location)
 
@@ -52,7 +59,6 @@ function BasicLayout({
     window.scrollTo(0, 0)
   }
   const renderSubMenuItem = (menus) => {
-    /* eslint-disable */
     return (
       <>
         {menus.map((item, index) => {