# myvitepressblog

**Repository Path**: fangjiayu/myvitepressblog

## Basic Information

- **Project Name**: myvitepressblog
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-28
- **Last Updated**: 2025-12-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🌸 勿扰的二次元博客

<div align="center">

![VitePress](https://img.shields.io/badge/VitePress-1.6.4-646cff?style=for-the-badge&logo=vite)
![Vue.js](https://img.shields.io/badge/Vue.js-3.x-4FC08D?style=for-the-badge&logo=vue.js)
![License](https://img.shields.io/badge/License-MIT-ff6b9d?style=for-the-badge)

**用代码编织二次元梦想 ✨**

[在线预览](https://mhxy13867806343.github.io/myvitepressblog/) | [Gitee 镜像](https://gitee.com/fangjiayu/myvitepressblog)

</div>

---

## 📖 简介

这是一个使用 VitePress 搭建的二次元风格个人博客，采用樱花粉渐变主题，充满动漫感的视觉设计。

## ✨ 特性

- 🌸 **二次元风格** - 樱花粉紫色渐变主题，充满动漫感
- 🎨 **精美动画** - 浮动、闪烁、呼吸等细腻动画效果
- 📱 **响应式布局** - 完美适配桌面端和移动端
- 🌙 **深色模式** - 自动适配系统主题
- 🔍 **本地搜索** - 快速检索所有内容
- ⚡ **极速加载** - VitePress 驱动，性能卓越

## 🛠️ 技术栈

- **框架**: VitePress 1.6.4
- **语言**: Vue 3 + TypeScript
- **样式**: CSS3 + 自定义主题
- **部署**: GitHub Pages

## 📂 项目结构

```
docs/
├── .vitepress/
│   ├── config.mts      # VitePress 配置
│   └── theme/          # 自定义主题
│       ├── index.ts
│       └── style.css
├── about/              # 关于我
├── work/               # 工作经历
├── projects/           # 项目作品
├── life/               # 生活爱好
├── blog/               # 技术博客
├── contact/            # 联系方式
├── archive/            # 归档
├── public/             # 静态资源
└── index.md            # 首页
```

## 🚀 快速开始

```bash
# 克隆项目
git clone https://github.com/mhxy13867806343/myvitepressblog.git

# 进入目录
cd myvitepressblog

# 安装依赖
npm install

# 启动开发服务器
npm run docs:dev

# 构建生产版本
npm run docs:build

# 预览构建结果
npm run docs:preview
```

## 📝 博客内容

- 🌿 **Vue.js 笔记** - Vue 生态系统学习心得
- 🤖 **AI 探索** - 人工智能领域探索
- 🔧 **前端工具** - 开发工具与效率提升
- 🔌 **联调工具** - API 调试与接口管理

## 🎮 关于博主

- 💼 8年+ 前端开发经验
- 🌿 Vue.js 全栈开发
- 🤖 AI 技术探索者
- 🎮 游戏爱好者 (LOL/POE)

## 📮 联系方式

- **QQ**: 869710179
- **GitHub**: [@mhxy13867806343](https://github.com/mhxy13867806343)
- **掘金**: [勿扰](https://juejin.cn/user/1310273588955581)

## 📄 License

[MIT License](./LICENSE) © 2024 勿扰

---

<div align="center">

**如果觉得不错，欢迎 ⭐ Star 支持一下~**

Made with 💖 by 勿扰

</div>