样式调整

Author: owenyang0

src/components/blog/RelatedPosts.astro

@@ -22,8 +22,8 @@ const relatedPosts = post.tags ? await getRelatedPosts(post, 4) : [];
         container:
           'pt-0 lg:pt-0 md:pt-0 intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade',
       }}
-      title="Related Posts"
-      linkText="View All Posts"
+      title="相关博客"
+      linkText="查看所有文章"
       linkUrl={getBlogPermalink()}
       postIds={relatedPosts.map((post) => post.id)}
     />

src/pages/[...blog]/[...page].astro

@@ -38,9 +38,9 @@ const metadata = {
 <Layout metadata={metadata}>
   <section class="px-6 sm:px-6 py-12 sm:py-16 lg:py-20 mx-auto max-w-4xl">
     <Headline
-      subtitle="A statically generated blog example with news, tutorials, resources and other interesting content related to AstroWind"
+      subtitle="在里可以查看木易跟打器的相关文章，快速上手、资源下载等等。其他问题也可以去木易技术博客查看更多。"
     >
-      The Blog
+      博客文章
     </Headline>
     <BlogList posts={page.data} />
     <Pagination prevUrl={page.url.prev} nextUrl={page.url.next} />

src/pages/index.astro

@@ -33,12 +33,12 @@ const metadata = {
     image={{ src: 'https://static.owenyang.top/typers/common/logo-lanscape.png', alt: '木易跟打器 Hero Image' }}
   >
     <Fragment slot="title">
-      木易跟打器<br />在线跟打 + <span class="text-accent highlight">macOS</span>使用
+      <span class="block mb-2">木易跟打器</span>一个支持在线跟打的<span class="text-accent highlight"> macOS </span>应用
     </Fragment>
 
     <Fragment slot="subtitle">
-      <span class="hidden sm:inline">
-        <span class="font-semibold">木易跟打器</span>又叫《易·跟打》，是一款支持macOS、Web使用的 <span class="mb-1 font-bold text-blue-600">跨平台</span> 打字练习程序，是macOS平台唯一的、可直接通过QQ群载文的跟打器</span>
+      <span class="sm:inline">
+        <span class="font-bold text-black">木易跟打器</span>又叫《易·跟打》，是一款支持macOS、Web使用的 <span class="mb-1 font-bold text-blue-600">跨平台</span> 打字练习程序，是macOS平台唯一的、可直接通过QQ群载文的跟打器</span>
     </Fragment>
   </Hero>