# Haprial Hugo Theme

一个简洁优雅的 Hugo 博客主题，复刻自 [usj.cc](https://usj.cc/)。

## 特性

- 🌓 **亮色/暗色主题** - 点击头像切换昼夜模式
- 🔍 **文章搜索** - 内联搜索 + 弹窗搜索双模式
- 🎯 **弹幕效果** - 首页弹幕滚动展示
- 📱 **响应式设计** - 完美适配手机端
- ✨ **毛玻璃效果** - 现代感的 glassmorphism 设计
- 🎨 **代码高亮** - macOS 风格三色圆点窗口
- ⚡ **动画效果** - 滑入动画、骨架屏加载
- 💬 **评论系统** - 支持 Artalk 评论
- 📝 **自定义字体** - 使用 zql 手写风格字体
- 🔗 **友链页面** - 带头像的友链展示
- 📅 **归档页面** - 按年份分组的文章归档

## 安装

```bash
cd your-hugo-site
git clone https://github.com/yourname/haprial-theme themes/haprial
```

## 配置

在 `hugo.toml` 中：

```toml
theme = "haprial"

[params]
  description = "你的博客描述"
  bio = "你的个性签名"
  avatar = "/image/avatar/avatar.jpg"
  startYear = "2019"
  icp = "你的ICP备案号"
  rss = true

[params.skills]
  skills = ["Go", "JavaScript", "Hugo", "Docker", "Linux"]
```

## 目录结构

```
haprial-theme/
├── archetypes/          # 文章模板
├── content/             # 示例内容
├── data/                # 数据文件（友链等）
├── layouts/
│   ├── _default/
│   │   ├── baseof.html  # 基础模板
│   │   ├── list.html    # 首页/列表页
│   │   ├── single.html  # 文章详情页
│   │   ├── about.html   # 关于页
│   │   ├── archives.html # 归档页
│   │   └── links.html   # 友链页
│   └── partials/
│       ├── header.html
│       ├── footer.html
│       ├── floating-tools.html
│       └── search-modal.html
├── static/
│   ├── css/style.css    # 主样式文件
│   ├── js/core.js       # 核心JavaScript
│   ├── image/           # 图片资源
│   └── font/            # 自定义字体
├── hugo.toml            # 示例配置
└── theme.toml           # 主题元数据
```

## 菜单配置

```toml
[[menus.main]]
  name = "首页"
  url = "/"
[[menus.main]]
  name = "关于"
  url = "/about/"

[[menus.social]]
  name = "GitHub"
  url = "https://github.com/yourname"
  identifier = "ri-github-fill"
```

## 图标

主题使用 [RemixIcon](https://remixicon.com/) 图标库。

## 许可

MIT License
