micro site

Умный микро-интерфейс, который можно использовать для создания одностраничного сайта . Отлично подходит для целевых страниц или страниц регистрации. Он использует генератор статических сайтов Eleventy (11ty) под капотом и устанавливает общие значения по умолчанию 11ty .

Функции

• Встраивает и минимизирует CSS с помощью clean-css
• Встраивает и минимизирует JavaScript с помощью terser
• Включает файл глобальных данных 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

Лицензия

Массачусетский технологический институт © Дэнни де Врис