www-crgeary-com前端练手模板
Cr Geary 的个人网站项目，挺适合前端小伙伴拿来练手或者做模板的。页面走的是清爽路线，代码结构也比较清晰，主打一个“现代感”。用到了像Node.js、Sass和Webpack这些比较主流的技术栈，写起来顺手，部署也方便。
Webpack 的打包配置做得还不错，静态资源管理得挺利索，构建速度也挺快的。如果你习惯用模块化开发风格，可以直接套用他的结构，路径定义和依赖加载都比较清楚。
Sass部分写得也挺规整，变量、嵌套、Mixin 都有用到。你要是还没上手过 Sass，这项目里的样式可以当个入门案例看看，层级关系清晰，用起来不费劲。
还有一点蛮好的，Node.js部分没搞得太复杂，主要偏构建流程用，没引入太多花里胡哨的服务端逻辑。要改成静态站点直接扔 GitHub Pages 都行，响应也快。
JavaScript 也比较克制，没有堆太多逻辑，主要是做一些交互的小，比如导航跳转、表单验证这种，适合做静态展示型页面的参考。
如果你想搭一个个人网站来展示项目或简历，或者想看看现代前端项目是怎么组合这些工具的，www-crgeary-com蛮值得一看。需要注意的是构建前先跑一遍npm install，依赖还挺全的。
文件大小：245.41KB
评论区