---
const { frontmatter } = Astro.props;
// 页面 Info
import SITE_CONFIG from "@/config";
const { Description, Twikoo, Title } = SITE_CONFIG;
// Aside组件
import Aside from "@/components/Aside/Aside.astro";
// 公共 Layout
import Layout from "@/layouts/Layout/Layout.astro";
// 评论组件
import Comment from "@/components/Comment/Comment.astro";
// 关于样式
import "@/styles/About.less";
// 文章内容基础样式
import "@/styles/ArticleBase.less";
---

<Layout title={frontmatter.title || Title} description={Description}>
	<section class="vh-container">
		<section class="vh-about vh-animation vh-animation-init">
			<header class="vh-page-header">
				<h1>{frontmatter.h1}</h1>
				<p>{frontmatter.desc}</p>
			</header>
			<main><slot /></main>
			{Twikoo.envId && frontmatter.comment != false && <Comment envId={Twikoo.envId} />}
		</section>
		<Aside />
	</section>
</Layout>