ReactHTML作品集

react-portfolio-template — React 作品集模板

作者 ryanbalieiro

React 开发的未来感作品集模板，支持多语言、明暗主题，移动端底部导航。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

4 个预览视图

仓库预览 11 / 4

访问演示网站在新标签页打开

作者提供的预览

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

全部页面与视图 4

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

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

值得关注的模板亮点

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

固定侧边栏布局，桌面端翻页过渡，移动端底部导航

内置多语言与明暗主题切换

提供 22 个图文与视频教程，覆盖配置到部署

基于 React、Bootstrap 5，使用 Vite 构建

联系表单通过 EmailJS 发送，无需自建后端

模板详细介绍

react-portfolio-template 是一个由 Ryan Balieiro 开发的 React 作品集模板，定位为“sleek, futuristic”，适合开发者展示个人履历。它的核心结构是固定中央视图加左侧边栏，桌面端切换页面时有类似翻页的过渡效果，侧边栏可收起以扩大内容区。移动端则把作品集内容分组，变成带底部导航的标签式界面，这种响应式布局在同类模板中比较有辨识度。

模板内置了多种内容组件，可以组织工作经历、教育背景、技能、项目作品、客户评价等，并支持多语言和明暗主题切换。它基于 React 和 Bootstrap 5，使用 Vite 打包，联系表单通过 EmailJS 发送邮件，不需要自己搭后端。项目提供了 22 个分步文档和配套视频教程，从项目设置、配置文件修改到自定义文章类型和部署生产环境都覆盖，二次开发的入门成本较低。

需要留意的是，模板的演示站点部署在 GitHub Pages，属于前端静态展示；EmailJS 虽然免后端，但实际收发邮件需要你注册对应服务并配置密钥。另外，仓库的许可证标注为 MIT，但链接指向的是另一个项目的许可证文件，上线前建议核对原文。整体上它适合想快速搭建一个带科技感、内容结构完整且愿意花时间定制细节的开发者。

ReactHTML作品集

适合你的项目吗？

适用场景

开发者个人作品集网站
展示工作经历、技能与项目案例
需要多语言支持的简历页面
快速搭建并自定义前端展示页

适合人群

熟悉 React 和 npm 的前端开发者
希望用现成模板快速上线个人站的人
需要详细定制文档和视频指导的用户

上手与定制指南

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

1
克隆仓库后运行 npm install 和 npm run dev 即可启动。
2
内容配置集中在 settings.json 等文件中，建议按官方教程顺序修改。
3
部署前需核对 EmailJS 服务配置和许可证文件。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、修改、分发和商用，仅需保留版权与许可声明。README称代码提供完全使用自由。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
保留版权声明和许可声明于所有副本或实质部分

额外费用与待核对事项

README提及PrimeIcons为premium图标，其授权范围未确认
演示图片等素材授权范围未确认

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy
许可证原文

Code released under the [MIT](https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE) license, providing complete freedom for utilization.
README 原文