Fruitstitute水果蛋糕组件化静态站点框架
水果蛋糕的项目结构挺清爽的,前后端分离,Webpack 打包+Metalsmith 生成静态页面,布局和内容拆得也比较细,适合搞组件化静态站点的同学玩玩。
安装方式挺贴心,yarn和npm都支持,直接 yarn
或 npm install
就行。想跑起来,yarn dev
一下就能看到效果,响应也快,适合本地预览开发。
./content/*
里放内容文件,主要写 markdown,配合 ./layouts/*.html
的页面布局,配上 metalsmith-layouts 一起跑,结构清晰,还挺好维护。
样式和 JS 都集中在 ./src/assets/
,通过 Webpack 构建进 ./dist/assets/
,而最终页面则在 ./dist/site
,一眼看清打包和构建产物,适合边开发边调试。
如果你想快速搭个静态内容展示页,比如作品集、博客或者简洁的页,这个项目上手快,改动灵活。嫌弃繁琐的模版引擎的,可以拿这个练手。
88.99KB
文件大小:
评论区