3.0.0

[EveSunMaple]

[3.0.0] - 2025-3-23

恭喜！Frosti v3 正式发布！🎉

Features

1. 主要卡片修改

   • 卡片布局修改

     添加了新的组件 Card.astro 与 CardGroup.astro。后者包裹前者时，在手机端将会合并成一个卡片。示例代码：

     <CardGroup>
       <Card>
         <img src="https://picsum.photos/200/300" alt="">
         <div>
           <h3>Card 1</h3>
         </div>
       </Card>
       <Card>
         <!-- More photos -->
       </Card>
     </CardGroup>

     演示：

     version 3	version 2

   • 卡片样式修改

     若有图片，标题将会浮在图片上方。同时右下角有一个可自定义的按钮，展示 description 或者更多信息。

     演示：

     version 3	version 2

2. 侧边栏修改

   • Profile.astro

     演示：

     version 3	version 2

   • 添加了新的侧边栏组件

     • 搜索栏

     • 标签、分类、以及归档按钮

       演示：

       version 3	version 2

   • 修改了目录的样式与运动效果

     演示：

     version 3	version 2

3. 添加了新的页面

   • 归档页面

     

   • 标签页面

     

   • 分类页面

     

   • 搜索页面

     

4. 修改了原有的页面样式

   • 新增了类似于工具栏的内容

     演示：

     version 3	version 2
     	None

   • 以及其他等等：

     演示：

     version 3	version 2
     	None

5. 新增 MDX 组件

   • GitHubStats.astro

     <GitHubStats username="frosti-team" />
     <GitHubStats username="frosti-team" repositoryName="frosti" />

   • RepositoryCard.astro

     <RepositoryCard repo="frosti-team/frosti" />
     <RepositoryCard
       repo="frosti-team/frosti"
       image={import("../../assets/images/repo-cover.png")}
       isPinned={true}
     />

   • FeatureCard.astro

     <FeatureCard
       title="响应式设计"
       description="完美适配各种屏幕尺寸，从手机到桌面设备。"
       icon="lucide:layout"
       color="oklch(0.7 0.2 140)"
     />

   • FriendCard.astro

     <FriendCard
       name="SunMaple"
       avatar={import("../../assets/images/avatars/sunmaple.png")}
       description="前端开发工程师，Frosti 核心贡献者"
       url="https://www.saroprock.com"
       type="contributor"
     />

6. 添加了 404 页面
   

Refactored

• 修复了分页按钮的样式问题

• 修改了标签以及分类按钮的样式

• 修改了文章图片hover的效果

• 为了适配 Astro v5 重写的代码框：

  演示：

  version 3	version 2

Fix

• 修复了错误的昼夜切换逻辑（为什么一直没有人发现它？）
• 修复了在纯净式阅读器或者 RSS 阅读器中代码框样式出错的问题

Chore

• 移除了 Waline 评论系统
• 移除了点击图片放大的功能

---

EN

[3.0.0] - 2025-3-23

Congratulations! Frosti v3 is officially released! 🎉

Features

1. Major Card Update

   • Card Layout Update

     Added new components Card.astro and CardGroup.astro. When the latter wraps the former, they will merge into a single card on mobile devices. Example code:

     <CardGroup>
       <Card>
         <img src="https://picsum.photos/200/300" alt="">
         <div>
           <h3>Card 1</h3>
         </div>
       </Card>
       <Card>
         <!-- More photos -->
       </Card>
     </CardGroup>

     Demo:

     version 3	version 2

   • Card Style Update

     If an image is present, the title will float above it. Additionally, a customizable button will appear in the bottom-right corner, displaying a description or more information.

     Demo:

     version 3	version 2

2. Sidebar Update

   • Profile.astro

     Demo:

     version 3	version 2

   • Added New Sidebar Components

     • Search bar

     • Tags, categories, and archive buttons

       Demo:

       version 3	version 2

   • Updated Directory Styles and Animation Effects

     Demo:

     version 3	version 2

3. New Pages Added

   • Archive Page

     

   • Tag Page

     

   • Category Page

     

   • Search Page

     

4. Updated Existing Page Styles

   • Added toolbar-like content

     Demo:

     version 3	version 2
     	None

   • And many others:

     Demo:

     version 3	version 2
     	None

5. New MDX Components

   • GitHubStats.astro

     <GitHubStats username="frosti-team" />
     <GitHubStats username="frosti-team" repositoryName="frosti" />

   • RepositoryCard.astro

     <RepositoryCard repo="frosti-team/frosti" />
     <RepositoryCard
       repo="frosti-team/frosti"
       image={import("../../assets/images/repo-cover.png")}
       isPinned={true}
     />

   • FeatureCard.astro

     <FeatureCard
       title="Responsive Design"
       description="Perfectly adapts to various screen sizes, from mobile to desktop."
       icon="lucide:layout"
       color="oklch(0.7 0.2 140)"
     />

   • FriendCard.astro

     <FriendCard
       name="SunMaple"
       avatar={import("../../assets/images/avatars/sunmaple.png")}
       description="Frontend developer, core contributor to Frosti"
       url="https://www.saroprock.com"
       type="contributor"
     />

6. Added 404 Page
   

Refactored

• Fixed pagination button style issues

• Modified tag and category button styles

• Improved article image hover effect

• Code blocks refactored to align with Astro v5:

  Demo:

  version 3	version 2

Fix

• Fixed incorrect day-night toggle logic (Why did no one notice it earlier?)
• Fixed code block style issues in reader-only or RSS readers

Chore

• Removed Waline comment system
• Removed image zoom-in functionality

---

What's Changed

• Frosti v3 by @EveSunMaple in Frosti v3 #64

Full Changelog: v2.9.1...v3.0.0

---

This discussion was created from the release 3.0.0.

[EveSunMaple]

当然，我还做了很多小的样式修改（比如链接样式）以及幕后的工作，比如使用自定义元素、类型声明、为博客添加草稿功能……还有各种小的细节。如果可以的话，我真切地希望您可以访问一下新的演示站点 https://frosti.saroprock.com/ ，留下你的想法或者反馈存在的问题！

[GoustiFruit]

Great job !
The modifications you did are very welcome (search box, un-numbered toc, toc only on posts, the way you manage translations, …).
Though I was not ready yet to use it, may I ask you why you removed the Waline comment system ?

[EveSunMaple]

I don't intend to actively integrate any third-party comment system into this repository. In the future, I might create a dedicated comment system similar to the one on my blog, though this is just an idea for now.

Here's a demo of my blog: https://www.saroprock.com/blog/ah-q

However, you can still use the Waline component as before by simply passing the correct variables.

[EveSunMaple]

The specific reason may need to be explained alongside the documentation update scheduled for this weekend.