游戏日记

这是一个基于 VitePress 构建的个人网站，主要分享游戏相关内容、壁纸推荐、技术笔记和情感故事。

功能特点

• 简洁优雅的界面设计
• 壁纸推荐展示（含动态壁纸）
• 游戏新闻和赛事报道
• 编程技术笔记（Vue等）
• 情感故事分享
• Algolia 搜索功能
• 响应式设计，适配各种设备
• 自动生成侧边栏导航
• 数学公式支持
• 图片懒加载
• 代码组图标支持
• 脚注功能
• 自定义主题
• 图片缩放预览
• 文章阅读时间和字数统计
• 进度条加载效果
• 看板娘角色展示
• 烟花特效和动画效果

本地开发

环境要求

• Node.js 18.0 或更高版本 (当前使用 22.16.0)
• pnpm（推荐）或 npm

安装依赖

pnpm install

启动开发服务器

pnpm docs:dev

构建静态网站

pnpm docs:build

预览构建结果

pnpm docs:preview

项目结构

├── docs/                     # 文档目录
│   ├── .vitepress/           # VitePress 配置目录
│   │   ├── config.mjs        # VitePress 配置文件
│   │   ├── configs/          # 配置模块目录
│   │   ├── theme/            # 主题自定义目录
│   │   │   ├── index.ts      # 主题入口文件
│   │   │   ├── components/   # 自定义组件目录
│   │   │   └── style.css     # 样式文件
│   │   ├── cache/            # 缓存目录
│   │   └── dist/             # 构建输出目录
│   ├── public/               # 静态资源目录
│   │   └── images/           # 图片资源
│   ├── 壁纸推荐/             # 壁纸推荐内容目录
│   ├── 游戏新闻/             # 游戏新闻内容目录
│   ├── 策略/                 # 策略内容目录
│   ├── 编程/                 # 编程技术笔记目录
│   └── *.md                  # Markdown 内容文件
├── package.json              # 项目依赖和脚本
├── pnpm-lock.yaml            # pnpm 依赖锁定文件
└── LICENSE                   # 许可证文件

技术栈

• VitePress v1.6.3 - 静态网站生成器
• vitepress-sidebar v1.33.0 - 自动生成侧边栏
• markdown-it-mathjax3 v4.3.2 - 数学公式支持
• markdown-it-footnote v4.0.0 - 脚注功能
• vitepress-plugin-group-icons v1.6.1 - 代码组图标
• @mdit/plugin-figure v0.22.1 - 图片标题支持
• medium-zoom v1.1.0 - 图片缩放
• nprogress-v2 v1.1.10 - 进度条
• canvas-confetti v1.9.3 - 烟花特效
• @theojs/lumen v6.3.1 - 文章元数据
• oh-my-live2d v0.19.3 - 看板娘展示

部署

本项目配置了 GitHub Pages 部署，基础路径设置为 /vitepress/。 可以部署到任何静态网站托管服务，如 GitHub Pages、Netlify、Vercel 等。

许可证

MIT

Star History