项目简介
GFolio 是一套完整的个人简历 / CV / 作品集静态网页模板,基于 Bootstrap 4 构建,提供暗色、亮色及多种导航布局变体,适合自由职业者、设计师和开发者快速搭建个人展示站点。
技术栈
- Bootstrap 4(响应式栅格与组件)
- Font Awesome 5(图标)
- Wow.js(滚动动画)
- Typed.js(打字机效果)
- jQuery(DOM 操作与交互)
项目结构
text
gvoliohtml-30/
├── documentation/ # 官方文档说明
│ ├── index.html
│ └── css/style.css
└── html/ # 模板主体
├── dark/ # 暗色变体 A
├── dark2/ # 暗色变体 B
├── light/ # 亮色变体 A
├── light2/ # 亮色变体 B
├── v3-one/ # v3 版变体 A(含视频首页)
└── v3-two/ # v3 版变体 B(含视频首页)
└── assets/ # 各变体共享资源(css/js/images)
核心文件说明
html/*/index.html— 首页入口,包含自我介绍、履历、服务、作品集、博客与联系模块html/*/portfolios.html— 作品集展示页html/*/blogs.html— 博客列表页html/*/assets/css/style.css— 主样式文件,控制整体布局与配色html/*/assets/css/multicolor.css— 多色彩配置,覆盖主题色html/*/assets/js/plugin.js— 第三方插件(Typed.js、Wow.js 等)初始化
快速开始
- 进入
html/目录下任意变体文件夹 - 双击
index.html直接在浏览器中打开即可预览 - 修改
index.html中的个人信息及assets/images/下的图片即可完成定制
使用建议
每个变体均包含完整页面集合(首页、博客、作品集及详情页),可按需选择配色与导航风格;所有图片资源为占位图,需替换为真实内容后再上线。
