React作品集

datasciencefolio — React 作品集模板

作者 rohankokkula

面向数据科学家的 React 作品集模板，含首页、经历、项目、联系等模块，支持 Lottie 动画与自定义。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

已检查补充预览来源，暂未找到更多可用的页面或手机端截图。

整体预览

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

作者提供的预览

查看现有预览图，更多页面尚未采集。

目前有 1 张原始预览，可打开完整图片查看设计细节。

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

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

值得关注的模板亮点

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

专为数据科学家设计，包含经历、教育、项目等核心板块

支持 Lottie 动画和静态图片两种视觉展示方式

基于 React，整合 GraphQL、Apollo Boost、BaseUI 等库

提供启动画面（splash screen）开关，可自定义 logo

集中式配置（src/portfolio.js），便于快速修改个人信息

推荐部署到 Netlify，流程简单

模板详细介绍

datasciencefolio 是一个面向数据科学家的 React 作品集模板，结构清晰，包含首页、经历与教育、项目、联系等核心板块。项目基于 React 构建，并整合了 GraphQL、Apollo Boost、BaseUI、React Reveal 和 styled-components 等技术，视觉上支持 Lottie 动画和静态图片两种展示方式，整体风格简洁、响应式，适合展示个人履历与项目成果。

该模板的定制方式较为集中，主要修改 src/portfolio.js 中的个人信息、社交链接、经历、教育、项目等内容，以及替换 src/assets 下的图片和 logo。内置的启动画面（splash screen）可通过 settings 中的 isSplash 开关控制。部署推荐使用 Netlify，流程简单。

需要注意的是，模板的 README 未明确说明是否已接入真实后端，联系表单等交互功能可能需要自行实现。此外，项目依赖 Node.js 12 和 npm 6，建议使用 nvm 切换版本以避免依赖问题。上线前应检查 Google Analytics 跟踪 ID 是否正确配置，并确保所有自定义内容（如动画文件、图片）均已替换。

React作品集

适合你的项目吗？

适用场景

数据科学家或机器学习工程师的个人作品集网站
快速搭建个人简历与项目展示页
学习 React 作品集模板结构或二次开发

适合人群

熟悉 React 和 npm 的前端开发者
需要展示数据科学项目与经历的个人
希望快速部署到 Netlify 的静态网站项目

上手与定制指南

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

1
需要 Node.js 12 和 npm 6 或更高版本，建议使用 nvm 切换版本。
2
克隆后执行 npm install 安装依赖，通过 npm start 本地预览。
3
主要修改 src/portfolio.js 和 src/assets 目录，注意 Google Analytics 跟踪 ID 需自行配置，联系表单等后端功能未内置。

查看仓库使用说明