Skip to content

ohaoz/ohaoz.github.io

Repository files navigation

二次元风格技术博客

这是一个具有二次元风格的个人技术博客项目,结合了可爱的动画元素和专业的技术内容展示。

特点

  • 🌸 樱花飘落动画效果
  • 🌙 明暗主题切换
  • 💖 可爱的加载动画
  • 📱 响应式设计,适配各种设备
  • ✨ 平滑的过渡和动画效果
  • 👧 Live2D看板娘交互

技术栈

  • HTML5
  • CSS3 (动画、过渡、变量)
  • JavaScript (原生)
  • 响应式设计
  • Live2D (看板娘)

主要功能

  • 文章展示
  • 分类导航
  • 主题切换
  • 滚动指示器
  • 返回顶部按钮
  • 预加载动画
  • 看板娘互动(可与用户对话、切换模型、截图等)

如何使用

  1. 克隆仓库
  2. 使用任意HTTP服务器运行项目(如live-server)
  3. 在浏览器中访问
# 安装依赖
npm install

# 启动开发服务器
npm start

看板娘功能

博客右下角的看板娘提供了以下互动功能:

  • 自动欢迎语和随机对话
  • 可点击看板娘触发不同的反应
  • 支持多种模型切换
  • 截图功能
  • 主题切换响应
  • 季节性特殊对话

预览

博客预览

许可证

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published