قالب REPO لصفحة HTML ثابتة بسيطة تستند إلى HTML5 Boilerplate واستخدام CSS Tailwind للتصميم المرن. عظيم للقدوم قريبا والصفحات الهبوط. يمكن نشرها بسهولة على صفحات github أو أي مضيف موقع ثابت آخر.
انقر فوق الزر "استخدم هذا القالب" في الجزء العلوي من الصفحة الرئيسية للمستودع على Github. قم بتحرير محتويات index.html و/أو main.js ونشرها على مضيفك الثابت المفضل عن طريق اتباع الخطوات في النشر أدناه.
للوصول السريع ، يمكنك أيضًا الانتقال إلى https://github.com/besublime/taildwind-barcel-static-starter/generate
بمجرد إنشاء مستودعك واستنساخه لبيئتك المحلية ، تأكد من تشغيل npm install
لتثبيت التبعيات قبل المتابعة.
من المحطة الطرفية ، قم بتشغيل npm run dev
لبدء خادم بسيط (باستخدام الطرود) والذي سيراقب INDEX.HTML (وأي JS/CSS الموجود داخله) وإعادة التحميل تلقائيًا عند إجراء التغييرات.
للنشر على صفحات github ، تمكين صفحات github في إعدادات المستودع الخاص بك ، وحدد دليل /docs
كمصدر.
لتحديث موقع GitHub Pages المنشور ، قم بتشغيل npm run build
، ثم ارتكاب التغييرات وضغطها على المستودع البعيد. (يستخدم هذا الأمر الطرود لتجميع CSS ، وحزم أي نصوص ، وإخراج كل شيء إلى دليل /docs
.)
للنشر في منصات المواقع الثابتة الأخرى ، اتبع الإرشادات المقدمة من المضيف. يمكن تحديث أمر build in package.json
للإخراج إلى أي دليل عن طريق تغيير معلمة- --dist-dir
.