Yufan Sheng
901cd8219c
* style: better reply button. * feat: add astro badge. * chore: drop useless styles. * feat: use new options.ts for global configuration. * fix: the invalid import.meta.env.PROD in astro build. * feat: move og to new assert prefix. * chore: add better og description. * chore: make sure all the images link could be correctly replaced. * feat: add upyun uploader.
38 lines
1.2 KiB
Plaintext
38 lines
1.2 KiB
Plaintext
---
|
|
import Comments from '@/components/comment/Comments.astro';
|
|
import Image from '@/components/image/Image.astro';
|
|
import PageMeta from '@/components/meta/PageMeta.astro';
|
|
import FriendLinks from '@/components/page/friend/FriendLinks.astro';
|
|
import MusicPlayer from '@/components/player/MusicPlayer.astro';
|
|
import type { Page } from '@/helpers/schema';
|
|
import { urlJoin } from '@/helpers/tools';
|
|
import BaseLayout from '@/layouts/BaseLayout.astro';
|
|
import options from '@/options';
|
|
|
|
interface Props {
|
|
page: Page;
|
|
}
|
|
|
|
const { page } = Astro.props;
|
|
const { Content } = await page.render();
|
|
---
|
|
|
|
<BaseLayout title={page.title}>
|
|
<PageMeta slot="og" title={page.title} ogImageUrl={`/og/${page.slug}.png`} />
|
|
|
|
<div class="px-lg-2 px-xxl-5 py-3 py-md-4 py-xxl-5">
|
|
<div class="container">
|
|
<div class="post">
|
|
<h1 class="post-title mb-3 mb-xl-4">{page.title}</h1>
|
|
<div class="post-content">
|
|
<div class="nc-light-gallery">
|
|
<Content components={{ MusicPlayer: MusicPlayer, Image: Image }} />
|
|
</div>
|
|
</div>
|
|
{page.friend && <FriendLinks />}
|
|
{page.comments && <Comments commentKey={urlJoin(options.website, page.permalink, '/')} title={page.title} />}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</BaseLayout>
|