micro site

Front-end mikro yang dapat digunakan untuk membuat satu halaman . Bagus untuk halaman arahan atau halaman pendaftaran. Ia menggunakan generator situs statis Eleventy (11ty) di bawah tenda dan menetapkan default 11ty yang umum .

Fitur

• Sejajarkan dan perkecil CSS menggunakan clean-css
• Sejajarkan dan perkecil JavaScript menggunakan terser
• Termasuk file data global metadata.json
• Termasuk templat tata letak base.njk
• Termasuk assets folder untuk file statis (gambar, font, dll.)

Ini adalah proyek *kerangka sehingga tidak menyertakan komponen atau gaya dasar apa pun. Ini adalah * bawalah front-end Anda sendiri .

Penggunaan

1. Perbarui file metadata.json dengan detail situs Anda sendiri
2. Edit file index.njk dan mulailah mengkodekan situs web Anda!
3. Opsional: Terapkan situs ke Netlify.

Memasang

Membutuhkan node.js dan npm

Ikuti langkah-langkah berikut untuk memulai:

1. Kloning proyek tersebut

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

2. Instal dependensi untuk proyek ini

 npm i

3. Lalu lakukan

 npm run dev

untuk memulai live-reloadzz di server pengembangan lokal.

Struktur Proyek

 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

Peta jalan

• Optimasi gambar dengan eleventy-image
• Caching aset dengan eleventy-cache-assets
• Sintaks menyoroti dukungan dengan eleventy-plugin-syntaxhiglight

Lisensi

MIT © Danny de Vries