React-portfolio GitHub Pages部署的投资组合网站

React 的投资组合网站项目,真的是蛮适合想把作品展示在 GitHub Pages 上的前端朋友。它用的是比较熟的 Create React App 做启动,结构清晰、上手快,而且默认就配好了开发环境,连 npm start 一跑,页面就直接开工了,响应也快,开发体验还不错。

开发模式下调试也挺方便,一改代码页面就自动刷新,连控制台的错误提示都安排上了。你要是想测试,还能直接跑 npm test,是那种“边写边测”的节奏,比较适合习惯敏捷开发的同学。

要上线的话就 npm run build 一键打包,生成的资源已经压缩优化好了,直接丢 GitHub Pages 都没问题。文件名带了 hash,缓存友好,不怕用户看老版本。

有意思的是它还预留了 npm run eject,万一你不爽默认配置,想改 WebpackBabel 的话,也能彻底打开黑盒,给你自由发挥的空间。不过注意啊,eject 之后就回不了头了,动之前最好想清楚。

如果你还在找一个能快速部署、结构清爽、还能放得下自己各种小项目的前端模板,这个 React-portfolio 项目真的可以一试。搭配 GitHub Pages 用着也省事,改完就能发布。

推荐你可以看看这几个资源,会更清楚整个流程:

如果你打算把简历、项目展示页都放到 GitHub 上,不妨用这个做个漂亮的门户。

zip 文件大小:196.21KB