Astro-Koharu

项目简介

Astro-Koharu 是一个萌系/二次元/粉蓝配色的博客主题，采用现代技术栈重新诠释了 Hexo Shoka 主题的设计理念。基于 Astro 5.x 构建，性能出色。

首页采用经典的双栏布局，左侧展示个人头像与社交链接，右侧为置顶文章与文章列表，搭配精美的二次元配图，整体风格温馨可爱。

主要特性

• 多评论系统支持 - Waline、Giscus、Remark42
• 无后端全站搜索 - 基于 Pagefind
• 完整 Markdown 增强 - GFM、代码高亮、Mermaid、信息图
• LQIP 图片占位符 - 优化加载体验
• Koharu CLI 工具 - 备份、内容生成
• 深色/浅色主题切换
• RSS 订阅支持

功能展示

主题提供了丰富的组件与功能：文章归档、标签云、分类管理、目录导航、深色模式、CodePen 嵌入等，满足博客的各种需求。

性能表现

基于 Astro 的静态生成能力，主题在 Lighthouse 测试中取得了优异成绩：

• 性能: 99 分
• 无障碍: 100 分
• 最佳实践: 100 分
• SEO: 100 分

核心指标：FCP 0.3s、LCP 0.6s、TBT 80ms、CLS 0。

技术栈

• 框架: Astro 5.x
• 语言: TypeScript (69.7%)
• UI: React + Tailwind CSS
• 搜索: Pagefind