menimal

ضئيل؟

Menimal هو مولد موقع ثابت بسيط.

التركيز على المحتوى: ما عليك سوى كتابة ملفات تخفيض السعر وأنماط CSS وكل شيء آخر يتم إنشاؤه لك

Menimal هو الحد الأدنى حسب التصميم:

• لا يوجد جافا سكريبت (لا يوجد package.json )
• لا توجد قوالب HTML
• لا يوجد MDX
• لا يوجد تحسين محركات البحث أو البيانات الوصفية

---

• ابدء
  • نشر
• هيكل المجلد
  • pages
  • static
  • config.json
  • style.css
• خريطة الطريق
• رخصة
• ملحوظات
  • مولدات المواقع الثابتة الأخرى
  • تطوير
  • تطبيق

ابدء

Menimal هو برنامج نصي npx واحد يمكنك تشغيله من أي مكان دون تثبيت أي حزمة.

تأكد من تثبيت NodeJs على جهازك

تحتاج فقط إلى تشغيل أمر واحد:

npx menimal

سيؤدي هذا إلى إنشاء مجلد build يحتوي على موقع الويب الثابت الخاص بك.

نشر

تسمح منصات الاستضافة بتحديد أمر البناء ومجلد الإخراج:

• أمر البناء: npx menimal
• مجلد الإخراج: build

هذا كل شيء. يمكنك نشر Menimal في كل مكان؟

---

هيكل المجلد

يتطلب Menimal بنية مجلد دقيقة:

• pages : تحتوي على ملفات تخفيض السعر ( .md )
• static : يحتوي على ملفات ثابتة ( robots.txt ، fonts ، favicon.ico )
• config.json : يحتوي على تكوين الموقع (الحد الأدنى)
• style.css : يحتوي على الأنماط (ملف CSS واحد)

انظر المثال الكامل والعملي داخل مجلد المثال

pages

سيتوافق كل ملف تخفيض السعر مع صفحة .html في موقع الويب.

يتم استخدام اسم الملف .md لإنشاء اسم ملف HTML وعنوان الصفحة:

• ملف HTML: نفس .md مع كافة الأحرف الصغيرة
• العنوان: نفس .md مع - تم استبداله بمسافات

على سبيل المثال، سيؤدي This-is-the-Title-of-the-article.md إلى إنشاء:

• HTML: this-is-the-title-of-the-article.html
• العنوان: هذا هو عنوان المقال

static

سيتم نسخ كافة الملفات الموجودة داخل static في الإصدار النهائي.

هنا يمكنك إضافة صور أو خطوط أو ملف robots.txt أو favicon.ico أو sitemap.xml أو أي شيء آخر ??‍♂️

config.json

يتطلب التكوين حاليًا حقلاً واحدًا: اسم موقع الويب المعروض في <header> :

{
  "name" : " Sandro Maglione "
}

style.css

يتم تعريف كافة الأنماط في ملف CSS واحد .

يمكنك عرض بنية HTML التي تم إنشاؤها لكل ملف داخل القوالب

سيتم تصغير هذا الملف واستيراده في كل صفحة يتم إنشاؤها.

خريطة الطريق

• التحميل المسبق للخطوط في HTML

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

رخصة

ترخيص MIT، راجع ملف LICENSE.md للحصول على التفاصيل.

---

ملحوظات

هذا المشروع جزء من رسالتي الإخبارية الأسبوعية على موقع sandomaglione.com .

مولدات الموقع الثابتة الأخرى

• سداسي
• جيكل
• هوغو

تطوير

• استخدم npx --loglevel silly .. من مجلد example لتصحيح أمر npx

تطبيق

اقرأ كافة تفاصيل التنفيذ في المقال كاملاً ؟