feat: 个人介绍

Author: coderz-w

config/introduction.md

@@ -0,0 +1,5 @@
+ -   欢迎来到我的博客，我是zhw，这里是记录我生活的地方，如果对你有所帮助，欢迎star.
+
+ -   我来自重庆邮电大学,目前正在学习前端，参与校级组织[红岩网校](https://redrock.team/).
+
+ -   本博客参考了[Shiro](https://github.com/innei/Shiro),感谢大佬的开源.

src/app/(app)/about/layout.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from 'next';
+import type { PropsWithChildren } from 'react';
+
+import { NormalContainer } from '@/components/layout/container/Normal';
+
+export const metadata: Metadata = {
+  title: '关于我',
+};
+
+export default async function (props: PropsWithChildren) {
+  return <NormalContainer>{props.children}</NormalContainer>;
+}

src/app/(app)/about/page.tsx

@@ -0,0 +1,17 @@
+import { NoteMarkdown } from '../notes/[nid]/pageExtra';
+
+import content from '~/introduction.md';
+
+export default function About() {
+  return (
+    <div>
+      <header className="prose font-mono !mb-2">
+        <h2>关于我</h2>
+      </header>
+
+      <main className="flex w-full flex-col with-indent with-serif prose relative max-w-full">
+        <NoteMarkdown text={content} />
+      </main>
+    </div>
+  );
+}

src/styles/md.css

@@ -143,3 +143,7 @@
   border-radius: 0.0625rem;
   color: var(--accent-color) !important;
 }
+
+.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+  color: var(--accent-color) !important;
+}