Fruitstitute水果蛋糕组件化静态站点框架

水果蛋糕的项目结构挺清爽的,前后端分离,Webpack 打包+Metalsmith 生成静态页面,布局和内容拆得也比较细,适合搞组件化静态站点的同学玩玩。

安装方式挺贴心,yarnnpm都支持,直接 yarnnpm install 就行。想跑起来,yarn dev 一下就能看到效果,响应也快,适合本地预览开发。

./content/* 里放内容文件,主要写 markdown,配合 ./layouts/*.html 的页面布局,配上 metalsmith-layouts 一起跑,结构清晰,还挺好维护。

样式和 JS 都集中在 ./src/assets/,通过 Webpack 构建进 ./dist/assets/,而最终页面则在 ./dist/site,一眼看清打包和构建产物,适合边开发边调试。

如果你想快速搭个静态内容展示页,比如作品集、博客或者简洁的页,这个项目上手快,改动灵活。嫌弃繁琐的模版引擎的,可以拿这个练手。

zip 文件大小:88.99KB