React作品集

My-Portfolio-V1 — React 作品集模板

作者 reeper316099

基于 React 与 TypeScript 的开发者作品集模板，用于展示项目、履历与技能，支持明暗主题与响应式布局。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

整体预览

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

作者提供的预览

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

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

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

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

值得关注的模板亮点

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

使用 React 构建，并结合 TypeScript、JavaScript 与 SCSS

支持深色与浅色两种显示模式

响应式设计，README 声明移动端友好

多组件布局，可在 /src/components 中修改文本与图片

README 提供 GitHub Pages 部署步骤，并列出 Netlify、Render、Heroku 等可选服务

仓库包含标准 MIT 许可证文本，README 声明免费使用且无需署名

模板详细介绍

My-Portfolio-V1 是一个面向开发者的个人作品集网站模板，使用 React 构建，并结合 TypeScript、JavaScript 与 SCSS 编写。仓库说明中将其定位为展示过往项目、职业经历、技能组合等内容的简洁模板，采用多组件布局，便于按需修改文本、图片与信息。模板提供明暗两种模式，并声明为响应式、移动端友好。

使用方式较为直接：本地安装 Node.js 后执行 npm install 安装依赖，再运行 npm start 启动开发服务器，默认在 3000 端口预览；编辑 /src/components 目录下的组件即可替换内容，页面会随改动自动重载。部署方面，README 给出了 GitHub Pages 的步骤，包括配置 package.json 中的 homepage、predeploy 与 deploy 脚本，然后运行 npm run deploy；同时也提到 Netlify、Render、Heroku 等可选服务。

该模板在 README 中声明开源免费使用且无需署名，仓库内包含标准 MIT 许可证文本。项目在 GitHub 上星标数为 0，演示站点与截图均来自仓库自身，适合作为个人作品集起步的代码基础。

React作品集

适合你的项目吗？

适用场景

开发者搭建个人作品集网站，集中展示项目、履历与技能
以现有 React 模板为基础，替换组件内容快速形成个人站点
需要明暗模式切换与移动端适配的个人主页
通过 GitHub Pages 免费托管静态作品集页面

适合人群

熟悉 React 与 npm 工作流的前端开发者
希望以较低改造成本获得作品集页面结构的个人
计划使用 GitHub Pages 或类似静态托管服务发布站点的用户
需要在模板中自行替换文本、图片与项目信息的用户

上手与定制指南

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

1
需先安装 Node.js，可用 node -v 检查版本
2
在项目目录执行 npm install 安装依赖
3
运行 npm start 启动开发服务器，默认访问 http://localhost:3000
4
内容修改集中在 /src/components 目录，替换文本与图片即可
5
部署到 GitHub Pages 需在 package.json 中配置 homepage 以及 predeploy、deploy 脚本，再执行 npm run deploy

查看仓库使用说明