micro site

固执己见的微前端，可用于创建单页程序。非常适合登陆页面或注册页面。它在后台使用静态站点生成器 Eleventy (11ty) 并设置常见的 11ty 默认值。

特征

• 使用clean-css内联和缩小 CSS
• 使用terser内联和缩小 JavaScript
• 包含一个metadata.json全局数据文件
• 包括一个base.njk布局模板
• 包括静态文件（图像、字体等）的assets folder

这是一个*骨架项目，因此它不包含任何组件或基本样式。这是一个*自带前端。

用法

1. 使用您自己的站点详细信息更新metadata.json文件
2. 编辑index.njk文件并开始编写您的网站！
3. 可选：将站点部署到 Netlify。

安装

需要 Node.js 和 npm

请按照以下步骤开始：

1. 克隆项目

 $ git clone https://github.com/systemdes/micro-site.git

2. 安装该项目的依赖项

 npm i

3. 然后做

 npm run dev

在本地开发服务器上启动 live-reloadzz。

项目结构

 micro-site/
├── _site/                // output folder of 11ty
├── _data/
│   └── metadata.json     // metadata for the website
├── _includes/
│   ├── style.css         // minified and inlined
│   ├── script.js         // minified and inlined
│   └── base.njk          // base layout
├── assets/               // passtrough copy
├── index.njk/            // landing page
└── .eleventy.js          // 11ty configurations

路线图

• 使用eleventy-image进行图像优化
• 使用eleventy-cache-assets进行资产缓存
• eleventy-plugin-syntaxhiglight支持语法高亮显示

执照

麻省理工学院©丹尼·德·弗里斯