Prepare for legal requirements of 中国大陆网站备案

src/theme/Footer/Copyright/index.tsx

@@ -0,0 +1,50 @@
+import React from 'react'
+import Copyright from '@theme-original/Footer/Copyright'
+
+import styles from './styles.module.css'
+
+function ICPBeianLink(
+  {
+    province,
+    recordNumber,
+    subRecordNumber,
+  }: {
+    province: string,
+    recordNumber: number,
+    subRecordNumber: number,
+  },
+): JSX.Element {
+  return (
+    <a href="https://beian.miit.gov.cn" target="_blank">{province}ICP备{recordNumber}号-{subRecordNumber}</a>
+  )
+}
+
+function MPSBeianLink(
+  {
+    province,
+    recordNumber,
+  }: {
+    province: string,
+    recordNumber: number,
+  },
+): JSX.Element {
+  const queryLinkURL = `http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=${recordNumber}`
+  return (
+    <>
+      <img src="/img/mps-beian-logo.webp" height="28" className={styles.mpsLogo} />
+      <a href={queryLinkURL} target="_blank">{province}公网安备{recordNumber}号</a>
+    </>
+  )
+}
+
+export default function CopyrightWrapper(props: any): JSX.Element {
+  return (
+    <>
+      <Copyright {...props} />
+      <ul className={styles.footer__beian}>
+        <li><ICPBeianLink province="苏" recordNumber={17027553} subRecordNumber={2} /></li>
+        {/* <li><MPSBeianLink province="沪" recordNumber={11223344001122} /></li> */}
+      </ul>
+    </>
+  )
+}

src/theme/Footer/Copyright/styles.module.css

@@ -0,0 +1,15 @@
+/* 备案信息 */
+.footer__beian {
+  margin: 0;
+  padding: 0;
+}
+
+.footer__beian li {
+  list-style: none;
+  display: inline;
+}
+
+.mpsLogo {
+  margin: 0 0.5rem;
+  vertical-align: text-bottom;
+}