fix(mdx, template): fix misc problems (#533)

* fix(mdx/doc-home): correct wrong id

* fix(template): fix canonical link for archived doc

Author: Yuiham

src/components/MDXComponents/DocHome.tsx

@@ -407,7 +407,7 @@ export function DocHomeCard(props: React.PropsWithChildren<DocHomeCardProps>) {
       })}
     >
       <Box
-        id="card-content"
+        className="card-content"
         sx={(theme) => ({
           "& > h3": {
             fontSize: "16px",

src/shared/resources.ts

@@ -13,6 +13,8 @@ import { StackOverflowIcon, AskTugIcon } from "components/Icons";
 import { convertVersionName } from "./utils";
 import CONFIG from "../../docs/docs.json";
 
+export const DOC_HOME_URL = "https://docs.pingcap.com";
+
 export const DEFAULT_PINGCAP_URL = `https://www.pingcap.com`;
 export const EN_PINGCAP_URL = `https://www.pingcap.com/`;
 export const ZH_PINGCAP_URL = `https://cn.pingcap.com/`;

src/templates/DocTemplate.tsx

@@ -24,6 +24,7 @@ import { getStable, generateUrl } from "shared/utils";
 import GitCommitInfoCard from "components/Card/GitCommitInfoCard";
 import { FeedbackSection } from "components/Card/FeedbackSection";
 import { FeedbackSurveyCampaign } from "components/Campaign/FeedbackSurvey";
+import { DOC_HOME_URL } from "shared/resources";
 
 interface DocTemplateProps {
   pageContext: PageContext & {
@@ -65,7 +66,6 @@ export default function DocTemplate({
   data,
 }: DocTemplateProps) {
   const {
-    site,
     mdx: { frontmatter, tableOfContents, body },
     navigation: originNav,
   } = data;
@@ -130,7 +130,7 @@ export default function DocTemplate({
             ? [
                 {
                   rel: "canonical",
-                  href: `${site.siteMetadata.siteUrl}${generateUrl(name, {
+                  href: `${DOC_HOME_URL}${generateUrl(name, {
                     ...pathConfig,
                     version: "stable",
                   })}`,