# Portfolio **Repository Path**: wislinj/portfolio ## Basic Information - **Project Name**: Portfolio - **Description**: 哈哈哈哈哈 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-09-26 - **Last Updated**: 2025-09-26 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 个人作品集网站 这是一个简洁的个人作品集网站模板,使用HTML5、CSS3和JavaScript构建。网站采用响应式设计,可以在各种设备上良好显示。 ## 功能特点 - 响应式设计,适配各种屏幕尺寸 - 现代化的UI界面 - 平滑滚动导航 - 联系表单交互 - 项目展示卡片动画效果 ## 项目结构 ``` personal-portfolio/ │ ├── index.html # 主页面 ├── styles.css # 样式文件 ├── main.js # JavaScript文件 ├── images/ # 图片资源文件夹 │ ├── avatar.jpg # 个人头像(需要添加) │ └── project1.jpg # 项目预览图(需要添加) └── README.md # 项目说明文档 ``` ## 使用说明 1. 克隆或下载本项目到本地 2. 在 `images` 文件夹中添加您的个人头像和项目预览图 3. 修改 `index.html` 中的个人信息和项目描述 4. 根据需要调整 `styles.css` 中的样式 5. 可以使用任何静态网页托管服务部署网站 ## 自定义修改 ### 更换个人信息 1. 打开 `index.html` 文件 2. 修改 `` 标签中的网站标题 3. 更新 "关于我" 部分的个人简介 4. 在项目展示部分添加您的项目信息 ### 更换配色方案 1. 打开 `styles.css` 文件 2. 修改颜色变量或直接更改颜色值 3. 主要颜色位于文件顶部的CSS变量中 ### 添加新功能 1. 在 `main.js` 文件中添加新的JavaScript函数 2. 在 `index.html` 中添加新的HTML结构 3. 在 `styles.css` 中添加相应的样式 ## 技术栈 - HTML5 - CSS3 - JavaScript (ES6+) ## 浏览器支持 - Chrome (最新版本) - Firefox (最新版本) - Safari (最新版本) - Edge (最新版本) ## 注意事项 - 请确保添加的图片尺寸适当,以避免加载时间过长 - 建议使用现代浏览器访问以获得最佳体验 - 联系表单需要后端支持才能真正发送邮件 ## 许可证 MIT License - 可以自由使用、修改和分发此项目