[fix] Title & Path of Markdown cards

Author: TechQuery

components/Home/LatestBlogs.tsx

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 import { Button, Card, Col, Container, Row } from 'react-bootstrap';
 
+import { MD_pattern } from '../../models/configuration';
 import { ArticleMeta } from '../../pages/api/core';
 import { SectionTitle } from './SectionTitle';
 
@@ -17,11 +18,11 @@ export const LatestBlogs: FC<LatestBlogsProps> = ({ articles }) => (
         {articles.map(({ name, meta, path }) => (
           <Col key={name}>
             <Card body>
-              <Card.Title className="text-dark">{name}</Card.Title>
-              <Card.Text className="text-dark">
-                发布日期: {meta?.date || '未知日期'}
-              </Card.Text>
-              <Button href={path || '#'} variant="secondary">
+              <Card.Title className="text-dark">
+                {meta?.title || name.replace(MD_pattern, '')}
+              </Card.Title>
+              <Card.Text className="text-dark">发布日期: {meta?.date || '未知日期'}</Card.Text>
+              <Button href={path?.replace(MD_pattern, '') || '#'} variant="secondary">
                 阅读文章
               </Button>
             </Card>

components/Home/Sponsors.tsx

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 import { Button, Card, Col, Container, Row } from 'react-bootstrap';
 
+import { MD_pattern } from '../../models/configuration';
 import { ArticleMeta } from '../../pages/api/core';
 import { SectionTitle } from './SectionTitle';
 
@@ -17,10 +18,10 @@ export const Sponsors: FC<SponsorsProps> = ({ sponsors }) => (
         {sponsors.map(({ name, meta }) => (
           <Col key={name}>
             <Card body>
-              <Card.Title className="text-dark">{name}</Card.Title>
-              <Card.Text className="text-dark">
-                {meta?.description || '暂无描述'}
-              </Card.Text>
+              <Card.Title className="text-dark">
+                {meta?.title || name.replace(MD_pattern, '')}
+              </Card.Title>
+              <Card.Text className="text-dark">{meta?.description || '暂无描述'}</Card.Text>
             </Card>
           </Col>
         ))}

components/Home/UpcomingEvents.tsx

@@ -3,6 +3,7 @@ import Link from 'next/link';
 import { FC, useContext } from 'react';
 import { Button, Card, Col, Row } from 'react-bootstrap';
 
+import { MD_pattern } from '../../models/configuration';
 import { I18nContext } from '../../models/Translation';
 import { ArticleMeta } from '../../pages/api/core';
 import { SectionTitle } from './SectionTitle';
@@ -22,15 +23,17 @@ export const UpcomingEvents: FC<UpcomingEventsProps> = observer(({ events }) =>
         {events.map(({ name, meta, path }) => (
           <Col key={name}>
             <Card body>
-              <Card.Title className="text-dark">{name}</Card.Title>
+              <Card.Title className="text-dark">
+                {meta?.title || name.replace(MD_pattern, '')}
+              </Card.Title>
               <Card.Text className="text-dark">
                 {t('activity_time')}: {meta?.start || 'N/A'}
               </Card.Text>
               <Card.Text className="text-dark">
                 {t('activity_location')}: {meta?.address || 'N/A'}
               </Card.Text>
 
-              <Link href={path || '#'} className="btn btn-primary">
+              <Link href={path?.replace(MD_pattern, '') || '#'} className="btn btn-primary">
                 {t('view_details')}
               </Link>
             </Card>

models/configuration.ts

@@ -2,6 +2,9 @@ import { parseCookie } from 'web-utility';
 
 export const isServer = () => typeof window === 'undefined';
 
+export const MD_pattern = /\.(md|markdown)$/i,
+  MDX_pattern = /\.mdx?$/i;
+
 export const Name = process.env.NEXT_PUBLIC_SITE_NAME,
   Summary = process.env.NEXT_PUBLIC_SITE_SUMMARY,
   DefaultImage = process.env.NEXT_PUBLIC_LOGO!;

pages/api/core.ts

@@ -8,6 +8,8 @@ import { basename } from 'path';
 import { ProxyAgent, setGlobalDispatcher } from 'undici';
 import { parse } from 'yaml';
 
+import { MDX_pattern } from '../../models/configuration';
+
 const { HTTP_PROXY } = process.env;
 
 if (HTTP_PROXY) setGlobalDispatcher(new ProxyAgent(HTTP_PROXY));
@@ -53,9 +55,6 @@ export interface ArticleMeta {
   subs: ArticleMeta[];
 }
 
-export const MD_pattern = /\.(md|markdown)$/i,
-  MDX_pattern = /\.mdx?$/i;
-
 export function splitFrontMatter(raw: string) {
   const [, frontMatter, markdown] =
     raw.trim().match(/^---[\r\n]([\s\S]+?[\r\n])---[\r\n]([\s\S]*)/) || [];