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

لبدء إعادة التحميل المباشر على خادم التطوير المحلي.

هيكل المشروع

 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

رخصة

معهد ماساتشوستس للتكنولوجيا © داني دي فريس