React-portfolio GitHub Pages部署的投资组合网站
React 的投资组合网站项目,真的是蛮适合想把作品展示在 GitHub Pages 上的前端朋友。它用的是比较熟的 Create React App 做启动,结构清晰、上手快,而且默认就配好了开发环境,连 npm start
一跑,页面就直接开工了,响应也快,开发体验还不错。
开发模式下调试也挺方便,一改代码页面就自动刷新,连控制台的错误提示都安排上了。你要是想测试,还能直接跑 npm test
,是那种“边写边测”的节奏,比较适合习惯敏捷开发的同学。
要上线的话就 npm run build
一键打包,生成的资源已经压缩优化好了,直接丢 GitHub Pages 都没问题。文件名带了 hash,缓存友好,不怕用户看老版本。
有意思的是它还预留了 npm run eject
,万一你不爽默认配置,想改 Webpack、Babel 的话,也能彻底打开黑盒,给你自由发挥的空间。不过注意啊,eject
之后就回不了头了,动之前最好想清楚。
如果你还在找一个能快速部署、结构清爽、还能放得下自己各种小项目的前端模板,这个 React-portfolio 项目真的可以一试。搭配 GitHub Pages 用着也省事,改完就能发布。
推荐你可以看看这几个资源,会更清楚整个流程:
- Create-React-App + TypeScript + GitHub Pages 配置指南
- React App Initialization with Create React App
- realworld-react-Create-React-App-入门
如果你打算把简历、项目展示页都放到 GitHub 上,不妨用这个做个漂亮的门户。
196.21KB
文件大小:
评论区