HTML作品集

phantom-bootstrap — HTML 作品集模板

作者 themefisher

Themefisher 出品的 Bootstrap 3 简历/作品集模板,含 8 个静态页面,支持 Gulp 构建,适合个人求职展示。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

4 个预览视图
仓库预览 11 / 4
作者提供的预览

来自项目仓库的原始界面图片。

全部页面与视图 4

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

面向求职场景的简历/作品集定位,含 Resume、Works、Testimonials 等针对性页面

02

共 8 个静态 HTML 页面,结构清晰,便于逐页替换内容

03

基于 Bootstrap 3.3,搭配 jQuery、Isotope、Slick 等常见前端插件

04

提供 Gulp 工作流,支持本地热更新预览与生产构建

05

MIT 代码许可,可自由修改用于个人项目

模板详细介绍

Phantom 是 Themefisher 推出的一套 Bootstrap 简历与作品集模板,定位很明确:用一份结构完整的个人站点向雇主展示职业经历、教育背景与作品。它由 8 个独立 HTML 页面组成,包括首页、Welcome、About、Services、Resume、Works、Testimonials 和 Contact,基本覆盖了求职者需要对外呈现的信息模块,其中 Resume 和 Works 是这套模板区别于普通企业站的核心页面。

技术层面,模板基于 Bootstrap 3.3,配合 jQuery、Isotope、Slick、Nicescroll、Animate CSS 和 Google Fonts 等第三方插件。基础用法是直接编辑 theme 目录下的 HTML 和 CSS,在浏览器打开 index.html 即可预览;进阶用法需要 Node.js 和全局 Gulp CLI,通过 npm install、npm run dev 启动本地预览与热更新,npm run build 生成生产用的 theme 目录。

需要留意几点:Bootstrap 3.3 已是较老的版本,若项目要求现代 CSS 或响应式细节,需要自行评估改造量;README 只描述了页面和构建流程,没有说明表单提交、数据存储或任何后端集成,Contact 页面应视为静态展示,上线前需自行接入邮件或表单服务。图片仅用于演示,README 明确说明不附带可共享的图片授权,替换素材时需自行准备。

HTML作品集

适合你的项目吗?

适用场景

  • 个人求职者搭建在线简历与作品展示页
  • 自由职业者或设计师整理服务介绍、案例与客户评价
  • 需要快速交付静态个人站点的前端练手或二次开发

适合人群

  • 接受 Bootstrap 3 技术栈、以静态页面为主的项目
  • 能自行处理 HTML/CSS 修改和素材替换的开发者
  • 需要现成简历页面结构、不想从零排版的人

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    基础用法只需编辑 theme 目录下的 HTML/CSS,直接打开 index.html 预览

  2. 2

    进阶用法需先安装 Node.js 和全局 gulp-cli,再执行 npm install 与 npm run dev

  3. 3

    生产构建使用 npm run build,输出到 theme 目录

  4. 4

    Contact 等页面未说明后端集成,表单提交需自行实现

  5. 5

    演示图片不包含可共享授权,上线前需替换为自有素材

查看仓库使用说明

授权与来源资料

使用条件与限制

有额外使用条件

代码采用MIT许可证可免费使用,但演示图片仅用于展示且无分享权限,第三方插件需查看各自许可证。

使用时需要遵守

  • 保留原作者版权声明和 MIT 许可证声明。
  • 在所有副本或实质性部分中包含版权声明和许可声明
  • 演示图片不可直接使用,需自行获取授权或替换
  • 第三方插件需遵守各自许可证

额外费用与待核对事项

  • 未提供演示图片的具体授权信息
  • 未提供第三方插件的具体许可证文本
查看原文依据

The images are only for demonstration purposes. They have their license, we don't have permission to share those images.

README 原文

Permission is hereby granted, free of charge, to any person obtaining a copy

许可证原文
https://github.com/themefisher/phantom-bootstrap/blob/main/LICENSEhttps://github.com/themefisher/phantom-bootstrap/blob/HEAD/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 75 / 100
技术栈
HTML
网站类型
作品集
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2025-10-09
截图检查日期
2026-09-07

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。

这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。

反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。