# 我的主页

**Repository Path**: Marthkoper/my-homepage

## Basic Information

- **Project Name**: 我的主页
- **Description**: 我的主页
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-29
- **Last Updated**: 2025-09-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Martin's Homepage

## 项目简介

这是一个个人主页项目，用于展示我的个人信息、博客、作品集等内容。项目基于 Vue.js 框架构建，结合了 HTML、CSS 和 JavaScript，实现了响应式的页面布局和交互效果。

## 技术栈

- **Vue.js**：用于构建用户界面的渐进式 JavaScript 框架。
- **HTML5**：用于页面结构的构建。
- **CSS3**：用于页面的样式设计，部分样式使用了 SCSS 预处理器。
- **JavaScript**：用于实现页面的动态交互效果，包括烟花动画、打字效果等。
- **Element UI**：部分组件使用了 Element UI 库，提供丰富的 UI 组件。

## 项目结构

- `index.html`：主页入口文件，展示首页内容。
- `about.html`：关于页面，展示个人介绍、联系方式、简历等信息。
- `blog.html`：博客页面，展示博客文章列表。
- `css/`：存放 CSS 样式文件，包括 `style.css` 和 `style.min.css`。
- `js/`：存放 JavaScript 文件，包括动画效果、Vue 实例、Element UI 组件等。
- `assets/`：存放图片、图标等静态资源。

## 功能模块

### 首页 (`index.html`)

- **欢迎区域**：展示欢迎语和动态打字效果。
- **快速链接**：提供多个快捷入口，链接到不同的项目或博客。
- **烟花动画**：页面加载时会触发烟花动画效果，增强视觉体验。

### 关于页面 (`about.html`)

- **个人信息**：展示姓名、简介、联系方式等。
- **技能展示**：通过卡片形式展示技术能力。
- **工作经验**：展示过往的工作经历和项目经验。

### 博客页面 (`blog.html`)

- **博客列表**：展示所有博客文章，支持分页浏览。
- **文章预览**：每篇博客包含标题、摘要和发布时间。

## 样式与动画

- **响应式设计**：通过 CSS 媒体查询实现不同屏幕尺寸下的自适应布局。
- **动画效果**：使用 `anime.js` 实现页面元素的动画过渡效果。
- **烟花效果**：通过 `firework.js` 实现页面加载时的烟花动画。
- **打字效果**：使用 `typed.umd.js` 实现动态打字效果，增强首页的交互体验。

## 依赖库

- **Vue.js**：用于构建响应式用户界面。
- **Element UI**：提供丰富的 UI 组件，如按钮、菜单、卡片等。
- **Anime.js**：用于实现复杂的动画效果。
- **Typed.js**：实现动态打字效果。

## 使用说明

1. **本地运行**：确保已安装 Node.js 和 npm，使用 `npm run serve` 启动本地开发服务器。
2. **构建部署**：使用 `npm run build` 构建生产环境代码，部署到任意静态服务器即可。

## 开源协议

本项目采用 [MIT](https://opensource.org/licenses/MIT) 协议，欢迎自由使用和修改。

## 联系方式

- **邮箱**：[点击复制邮箱](mailto:your-email@example.com)
- **微信**：[点击查看二维码](assets/about/wechat.png)

## 版权信息

© 2023 Martin Keep. All rights reserved.