buyfakett/kazoottt-blog
1
0
Fork 0
mirror of https://github.com/KazooTTT/kazoottt-blog.git synced 2025-06-24 11:11:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add pageview

Browse Source
This commit is contained in:
KazooTTT
2024-11-23 21:09:37 +08:00
parent 4afdf7572a
commit ff5a3a50bd
9 changed files with 295 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/layouts/BlogPost.astro
View File

@ -5,6 +5,7 @@ import BlogHero from '@/components/blog/Hero.astro'
import TOC from '@/components/blog/TOC.astro'
import Button from '@/components/Button.astro'
import PageLayout from './BaseLayout.astro'
import PageViews from '@/components/PageViews'
interface Props {
post: CollectionEntry<'post'>
@ -41,7 +42,12 @@ const { headings } = await post.render()
<div class='mt-8 gap-x-10 lg:flex lg:items-start'>
{!!headings.length && <TOC headings={headings} />}
<article class='flex-1 flex-grow break-words' data-pagefind-body>
<div id='blog-hero'><BlogHero content={post} /></div>
<div id='blog-hero'>
<BlogHero content={post} />
<div class="mt-2">
<PageViews client:load slug={slug} />
</div>
</div>
<div
id='blog-gallery'
class='prose prose-base prose-zinc mt-12 text-muted-foreground dark:prose-invert prose-headings:font-medium prose-headings:text-foreground prose-headings:before:absolute prose-headings:before:-ms-4 prose-th:before:content-none'