menimal

Minimal?

Menimal adalah generator situs statis minimal.

Fokus pada konten: cukup tulis file penurunan harga, gaya css, dan semuanya dibuat untuk Anda

Menimal memiliki desain minimal:

• Tanpa javascript (tanpa package.json )
• Tidak ada templat HTML
• Tidak ada mdx
• Tidak ada SEO atau metadata

---

• Memulai
  • Menyebarkan
• Struktur folder
  • pages
  • static
  • config.json
  • style.css
• Peta jalan
• Lisensi
• Catatan
  • Generator situs statis lainnya
  • Perkembangan
  • Pelaksanaan

Memulai

Menimal adalah skrip npx tunggal yang dapat Anda jalankan dari mana saja tanpa menginstal paket apa pun.

Pastikan Anda telah menginstal NodeJs di mesin Anda

Anda hanya perlu menjalankan satu perintah:

npx menimal

Ini akan menghasilkan folder build yang berisi situs web statis Anda.

Menyebarkan

Platform hosting memungkinkan untuk menentukan perintah build dan folder keluaran:

• Perintah build: npx menimal
• Folder keluaran: build

Itu saja. Anda dapat menggunakan Menimal di mana saja?

---

Struktur folder

Menimal memerlukan struktur folder yang tepat:

• pages : berisi file penurunan harga ( .md )
• static : berisi file statis ( robots.txt , fonts , favicon.ico )
• config.json : berisi konfigurasi situs (minimal)
• style.css : berisi gaya (file css tunggal)

Lihat contoh lengkap dan berfungsi di dalam folder contoh

pages

Setiap file penurunan harga akan sesuai dengan halaman .html di situs web.

Nama file .md digunakan untuk menghasilkan nama file HTML dan judul halaman:

• File HTML: sama seperti .md dengan semua karakter huruf kecil
• Judul: sama seperti .md dengan - diganti spasi

Misalnya, This-is-the-Title-of-the-article.md akan menghasilkan:

• HTML: this-is-the-title-of-the-article.html
• Judul: Ini adalah Judul artikel

static

Semua file di dalam static akan disalin di versi final.

Disini kamu bisa menambahkan gambar, font, robots.txt , favicon.ico , sitemap.xml , atau apa saja ??‍♂️

config.json

Untuk saat ini konfigurasi memerlukan satu bidang: nama situs web yang ditampilkan di <header> :

{
  "name" : " Sandro Maglione "
}

style.css

Semua gaya didefinisikan dalam satu file css .

Anda dapat melihat struktur HTML yang dihasilkan dari setiap file di dalam templat

File ini akan diperkecil dan diimpor di setiap halaman yang dihasilkan.

Peta jalan

• Pramuat font dalam HTML

 < link rel =" preload " href =" font.woff2 " as =" font " crossorigin type =" font/woff2 " > 

Lisensi

Lisensi MIT, lihat file LICENSE.md untuk detailnya.

---

Catatan

Proyek ini adalah bagian dari buletin mingguan saya di sandromaglione.com .

Generator situs statis lainnya

• hekso
• Jekyll
• Hugo

Perkembangan

• Gunakan npx --loglevel silly .. dari folder example untuk men-debug perintah npx

Pelaksanaan

Baca semua detail implementasinya di artikel selengkapnya ?