项目简介
本项目是一个响应式炫酷而优雅的个人简历网页,纯前端实现,无需联网,电脑与手机均可适用。可用于个人简历、个人网站、个人简介或学习使用,用户通过配置文件就能轻松生成属于自己的网页。
项目的主要特性和功能
- 响应式设计:网页能自动适配不同大小的屏幕,电脑和手机浏览体验良好。
- 动态效果:借助JavaScript和CSS动画,网页具备吸引人的动态效果。
- 个性化配置:通过简单的JSON配置文件,可轻松生成含基本信息、技能、工作经历、其他经历、社交链接等内容的个人网页。
- 丰富的展示内容:包含个人简介、技能展示、工作经历、其他经历、作品展示等。
- 简洁明了的设计:采用简洁风格,突出个人特点和经历,方便招聘者或雇主获取关键信息。
安装使用步骤
- 配置个人信息:在
config
文件夹下找到config.js
文件,按照格式填写个人信息。 - 打开网页:在本地通过浏览器打开
index.html
文件,即可看到个人简历网页。也可以在服务器上部署后通过链接访问。
注意事项
- 配置个人信息时需遵循格式规范,否则可能导致页面显示异常。
- 若不需要配置个人信息,请注释掉
./JS/personal-info-main.js
文件中相关的代码行。
引用库和其他资源
- Bootstrap:用于页面布局和样式设计。
- jQuery:用于简化JavaScript编程。
- AOS(Animate on scroll):页面滚动时触发动画效果。
- anime.js:用于创建复杂的动画效果。
- 其他一些CSS和JavaScript库以及图标资源。
项目结构
Resume
文件夹下:config
文件夹:存放配置文件。CSS
文件夹:存放CSS样式文件。JS
文件夹:存放JavaScript脚本文件。images
文件夹:存放图片资源。svg
文件夹:存放SVG图标。index.html
:网页入口文件。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】