优化手机访问，修改wiki中的错误板块的结构～

src/components/HomepageFeatures/index.js

@@ -1,3 +1,70 @@
+// import clsx from 'clsx';
+// import Heading from '@theme/Heading';
+// import styles from './styles.module.css';
+//
+// const FeatureList = [
+//   {
+//     title: 'wiki',
+//     Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
+//     description: (
+//       <>
+//         网维的知识库
+//       </>
+//     ),
+//     link: '/docs/wiki/首页',
+//   },
+//   {
+//     title: '开发组文档',
+//     Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
+//     description: (
+//       <>
+//         开发组的文档
+//       </>
+//     ),
+//     link: "/docs/devdocs/首页",
+//   },
+//   {
+//     title: '文章',
+//     Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
+//     description: (
+//       <>
+//         文章和博客
+//       </>
+//     ),
+//     link:"/blog",
+//   },
+// ];
+//
+// function Feature({Svg, title, description}) {
+//   return (
+//     <div className={clsx('col col--4')}>
+//       <div className="text--center">
+//          <a href={FeatureList.link}>
+//           <Svg className={styles.featureSvg} role="img" />
+//          </a>
+//       </div>
+//       <div className="text--center padding-horiz--md">
+//         <Heading as="h3">{title}</Heading>
+//         <p>{description}</p>
+//       </div>
+//     </div>
+//   );
+// }
+//
+// export default function HomepageFeatures() {
+//   return (
+//     <section className={styles.features}>
+//       <div className="container">
+//         <div className="row">
+//           {FeatureList.map((props, idx) => (
+//             <Feature key={idx} {...props} />
+//           ))}
+//         </div>
+//       </div>
+//     </section>
+//   );
+// }
+//
 import clsx from 'clsx';
 import Heading from '@theme/Heading';
 import styles from './styles.module.css';
@@ -6,42 +73,30 @@ const FeatureList = [
   {
     title: 'wiki',
     Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
-    description: (
-      <>
-        网维的知识库
-      </>
-    ),
+    description: <>网维的知识库</>,
     link: '/docs/wiki/首页',
   },
   {
     title: '开发组文档',
     Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
-    description: (
-      <>
-        开发组的文档
-      </>
-    ),
-    link: "/docs/devdocs/首页",
+    description: <>开发组的文档</>,
+    link: '/docs/devdocs/首页',
   },
   {
-    title: '公告',
+    title: '文章',
     Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
-    description: (
-      <>
-        公告和博客
-      </>
-    ),
-    link:"/blog",
+    description: <>文章和博客</>,
+    link: '/blog',
   },
 ];
 
-function Feature({Svg, title, description}) {
+function Feature({ Svg, title, description, link }) {
   return (
     <div className={clsx('col col--4')}>
       <div className="text--center">
-         <a href={FeatureList.link}>
+        <a href={link}>
           <Svg className={styles.featureSvg} role="img" />
-         </a>
+        </a>
       </div>
       <div className="text--center padding-horiz--md">
         <Heading as="h3">{title}</Heading>
@@ -64,4 +119,3 @@ export default function HomepageFeatures() {
     </section>
   );
 }
-

src/components/wiki_menu/index.js

@@ -20,36 +20,36 @@ const DocsCardList = () => {
 <DocsCard
   title="🛠️技能"
   description="进行网络维修需要掌握的技能"
-  link="/docs/wiki/技能/电脑技能/查看ip"
+  link="/docs/wiki/技能"
 />
 
 <DocsCard
   title="📚基础知识"
   description="有关校园网络以及相关概念的基础知识"
-  link="/docs/wiki/基础知识/学校的网络结构"
+  link="/docs/wiki/基础知识"
 />
 
 <DocsCard
   title="🏞️片区介绍"
   description="各大片区的相关信息，以及在这些片区值班的注意事项"
-  link="/docs/wiki/片区介绍/东门"
+  link="/docs/wiki/片区介绍"
 />
 
 <DocsCard
   title="🐞故障介绍"
-  description="记录了常见的故障以及相关的解决办法，另外旧的错误码也放在这个板块下面"
-  link="/docs/wiki/故障/"
+  description="常见的故障以及相关的解决办法"
+  link="/docs/wiki/故障"
 />
 
 <DocsCard
   title="💻资源"
-  description="我们在这个网站上存放了一些可能会有用的资源，以方便大家下载"
+  description="一些可能会有用的资源"
   link="/docs/wiki/资源"
 />
 <DocsCard
   title="🗃️杂项"
   description="一些杂七杂八的文章，暂时都放在这里"
-  link="/docs/wiki/杂项/MacOS修理指南"
+  link="/docs/wiki/杂项"
 />
     </div>
   );

src/css/custom.css

@@ -53,3 +53,14 @@ html[data-theme='dark'] .mermaid {
   background-color: #ffffff !important;
   color: #000000 !important;
 }
+
+.docs-card h2 {
+  padding-left: initial;
+  border-left: initial;
+  margin-top: initial;
+  margin-bottom: initial;
+  padding: initial;
+  border-radius: initial;
+  background: initial;
+
+}