reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 19:51:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: optimize underline style and theme introduction

Browse source
This commit is contained in:
radishzzz 2025-03-08 17:06:37 +00:00
parent a07c930d0d
commit 7abec02cc3
9 changed files with 42 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/pages/about.astro
View file

@ -5,6 +5,7 @@ import Layout from '@/layouts/Layout.astro'
<Layout>
<div class="h-0.25 w-10 bg-secondary opacity-25"></div>
<div class="heti mt-4.375">
<p>一款基于 <a href="https://astro.build/">Astro</a> 框架的博客主题，最初灵感来自 <a href="https://astro-theme-typography.vercel.app/">Typography</a>。本主题以活版印刷风格为基础，通过建立全新的视觉规范，对所有页面进行重新编排，打造纸质书页般的阅读体验，再现传统版式之美。所见皆为细节，方寸尽显优雅。</p>
<p>一款基于<a href="https://astro.build/">Astro</a>框架的静态博客主题，灵感来自<a href="https://astro-theme-typography.vercel.app/">Typography</a>。本主题以活版印刷风格为基础，通过建立全新视觉规范，对所有页面进行重新编排，打造纸质书页般的阅读体验，再现传统版式之美。</p>
<p>所见皆为细节，方寸尽显优雅。</p>
</div>
</Layout>

35
src/pages/posts/[slug].astro
View file

@ -25,7 +25,7 @@ const { Content, remarkPluginFrontmatter } = await post.render()
postDescription={post.data.description}
postImage={post.data.image}
>
<article class="heti mb-16">
<article class="heti mb-12.6">
<h1 class="post-title">
<span
transition:name={`post-${post.data.slug || post.slug}`}
@ -48,23 +48,24 @@ const { Content, remarkPluginFrontmatter } = await post.render()
</span>
</div>
<Content />
{post.data.tags && post.data.tags.length > 0 && (
<div class="mt-12.625">
<div class="h-0.25 w-10 bg-secondary opacity-25"></div>
<div class="mt-4.375 w-95% flex flex-wrap gap-x-3 gap-y-3.6">
{post.data.tags.map(tag => (
<a
href={`/tags/${tag}/`}
class="inline-block whitespace-nowrap border border-secondary/25 rounded-full px-3.2 py-0.7 c-secondary transition-colors hover:(border-secondary text-primary)"
>
{tag}
</a>
))}
</div>
</div>
)}
</article>
<!-- Tags -->
{post.data.tags && post.data.tags.length > 0 && (
<div class="mb-16">
<div class="h-0.25 w-10 bg-secondary opacity-25"></div>
<div class="mt-4.375 w-95% flex flex-wrap gap-x-3 gap-y-3.6">
{post.data.tags.map(tag => (
<a
href={`/tags/${tag}/`}
class="inline-block whitespace-nowrap border border-secondary/25 rounded-full px-3.2 py-0.7 c-secondary transition-colors hover:(border-secondary text-primary)"
>
{tag}
</a>
))}
</div>
</div>
)}
<Comments />
</Layout>