Files
blog-fuwari/src/pages/about.astro
T
Ad-closeNN 4690ce39b2 docs(pages): 将 Giscus 评论插件添加到博客
2. fix(config): 修复特殊日期判断失败的问题
3. feat(giscus): 加入 Giscus 评论系统
2025-08-17 12:19:05 +08:00

44 lines
1.3 KiB
Plaintext

---
import { getEntry, render } from "astro:content";
import Markdown from "@components/misc/Markdown.astro";
import I18nKey from "../i18n/i18nKey";
import { i18n } from "../i18n/translation";
import MainGridLayout from "../layouts/MainGridLayout.astro";
const aboutPost = await getEntry("spec", "about");
if (!aboutPost) {
throw new Error("About page content not found");
}
const { Content } = await render(aboutPost);
---
<MainGridLayout title={i18n(I18nKey.about)} description="关于">
<div class="flex w-full rounded-[var(--radius-large)] overflow-hidden relative min-h-32">
<div class="card-base z-10 px-9 py-6 relative w-full ">
<Markdown class="mt-2">
<Content />
</Markdown>
</div>
</div>
<br>
<!-- 评论区 -->
<script src="https://giscus.app/client.js"
data-repo="Ad-closeNN/blog-friends"
data-repo-id="R_kgDOPb5ZJw"
data-category="General"
data-category-id="DIC_kwDOPb5ZJ84CuPmR"
data-mapping="title"
data-strict="0"
data-reactions-enabled="1"
data-emit-metadata="0"
data-input-position="top"
data-theme="preferred_color_scheme"
data-lang="zh-CN"
data-loading="lazy"
crossorigin="anonymous"
async>
</script>
</MainGridLayout>