# MyBlog

**Repository Path**: lyDevelop/my-blog

## Basic Information

- **Project Name**: MyBlog
- **Description**: 这个项目是一个简单的单页个人博客，主要功能包括首页、关于我、技能、项目和联系页面，具有响应式设计和平滑滚动效果。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-15
- **Last Updated**: 2025-06-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, CSS, JavaScript

## README

# 个人作品集网站（个人博客）

## 项目概述

这是一个响应式的个人作品集/简历网站，展示开发者的技能、项目经验和联系方式。网站采用纯原生技术栈构建，具有丰富的交互效果和动画。

## 技术栈

- HTML5
- CSS3 (包括 CSS 变量和现代布局技术)
- JavaScript (原生 ES6+)
- Vercel (部署平台)

## 主要功能

- **动态内容渲染**：通过 JavaScript 动态渲染技能、项目和联系信息
- **打字机动画效果**：首页标题区域的打字机动画
- **响应式导航**：适配各种屏幕尺寸的导航菜单
- **平滑滚动**：页面内导航平滑滚动效果
- **交互动画**：卡片悬停效果、加载动画等
- **暗色模式支持**：自动适配系统颜色偏好
- **可访问性优化**：完善的 ARIA 标签和键盘导航支持

## 安装与运行

1. 克隆仓库
   ```bash
   git clone https://gitee.com/lyDevelop/my-blog.git
   ```
2. 直接打开`index.html`文件即可运行

## 项目结构

```
src/
├── index.html       # 主入口文件
├── script.js        # 核心交互逻辑
├── style.css        # 样式和动画
├── package.json     # 项目配置
└── images/          # 图片资源
```

## 部署指南

1. 注册 Vercel 账号
2. 连接 Git 仓库
3. 选择项目目录
4. 点击部署