# MyHome **Repository Path**: codekpy/my-home ## Basic Information - **Project Name**: MyHome - **Description**: No description available - **Primary Language**: HTML - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-01-24 - **Last Updated**: 2026-01-24 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # CodeKpy的博客 #### 介绍 CodeKpy的个人博客网站,展示个人作品、技能和联系方式的单页应用。 #### 软件架构 - **前端技术栈**:HTML5、CSS3、JavaScript(原生) - **样式框架**:Tailwind CSS - **图标库**:Font Awesome - **布局设计**:响应式设计,支持移动端和桌面端 - **功能特性**:打字机效果、平滑滚动、表单验证、悬停动画 #### 目录结构 ``` NewBlog/ ├── static/ │ ├── css/ # 样式文件 │ ├── imgs/ # 图片资源 │ ├── js/ # JavaScript文件 │ └── webfonts/ # 字体文件 ├── index.html # 主页面 ├── LICENSE # 许可证文件 ├── README.en.md # 英文说明文档 └── README.md # 中文说明文档 ``` #### 安装教程 1. **克隆仓库** ```bash git clone https://gitee.com/your-username/NewBlog.git cd NewBlog ``` 2. **直接使用** - 无需额外安装依赖 - 直接在浏览器中打开 `index.html` 文件即可访问 3. **本地服务器(推荐)** ```bash # 使用Python启动本地服务器 python -m http.server 8000 # 或使用Node.js的http-server npx http-server -p 8000 ``` 然后在浏览器访问:`http://localhost:8000` #### 功能特性 - 🎯 **主页**:带有打字机效果的欢迎界面 - 👤 **关于我**:个人简介和技能展示 - 📁 **作品集**: - 视频作品展示 - 网页作品展示 - 3D模型作品展示 - 📧 **联系方式**:带有表单验证的联系表单 - 📱 **响应式设计**:适配各种屏幕尺寸 #### 使用说明 1. **自定义内容** - 修改 `index.html` 中的文字内容 - 替换 `static/imgs/` 目录下的图片 - 修改 `static/css/` 目录下的样式文件 2. **添加新作品** - 在 `index.html` 的作品集区域添加新的作品卡片 - 确保图片资源已放入 `static/imgs/` 目录 3. **修改主题色** - 在CSS文件中修改 `new-year-accent` 等颜色变量 #### 浏览器支持 - Chrome (推荐) - Firefox - Safari - Edge #### 参与贡献 1. Fork 本仓库 2. 新建 Feat_xxx 分支 3. 提交代码 4. 新建 Pull Request #### 许可证 本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情 #### 作者信息 - **作者**:CodeKpy - **邮箱**:codekpy@foxmail.com - **GitHub**:[https://github.com/codekpy](https://github.com/codekpy) - **Gitee**:[https://gitee.com/codekpy](https://gitee.com/codekpy) #### 更新日志 - v1.0.0 (2026-01-24) - 初始版本发布 - 实现了基本的博客功能 - 添加了响应式设计 - 实现了打字机效果 --- **© 2026 CodeKpy的博客. 保留所有权利.**