Gfolio v3.0 - 个人作品集 preview 1

Gfolio v3.0 - 个人作品集

bookmark

GFolio 是一套完整的个人简历 / CV / 作品集静态网页模板,基于 Bootstrap 4 构建,提供暗色、亮色及多种导航布局变体,适合自由职业者、设计师和开发者快速搭建个人展示站点。

HTMLcreative portfoliocvfreelancer portfoliomodern portfolioonline resumepersonal portfolioportfolio agency

项目简介

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 等)初始化

快速开始

  1. 进入 html/ 目录下任意变体文件夹
  2. 双击 index.html 直接在浏览器中打开即可预览
  3. 修改 index.html 中的个人信息及 assets/images/ 下的图片即可完成定制

使用建议

每个变体均包含完整页面集合(首页、博客、作品集及详情页),可按需选择配色与导航风格;所有图片资源为占位图,需替换为真实内容后再上线。

help_outline

常见问题