hugoplate تحميل - hugoplate تحميل كود المصدر

hugoplate

فئات أخرى

1.0.0

تنزيل

Hugo + Tailwind CSS Starter وBoilerplate

Hugoplate هو قالب بداية مجاني تم إنشاؤه باستخدام Hugo وTailwindCSS، مما يوفر كل ما تحتاجه لبدء مشروع Hugo الخاص بك وتوفير الوقت الثمين.

صُنع باستخدام ♥ بواسطة Zeon Studio

إذا وجدت هذا المشروع مفيدًا، فيرجى إعطائه لإظهار دعمك.

تجريبي | سرعة الصفحة (95+)

ما هو مدرج

لقد قمنا بتضمين كل ما تحتاجه تقريبًا لبدء مشروع Hugo الخاص بك. دعونا نرى ما هو مدرج في هذا القالب:

الميزات الرئيسية

متعدد المؤلفين
اقتراح منشورات مماثلة
وظيفة البحث
الوضع المظلم
العلامات والفئات
إعداد Netlify تم تكوينه مسبقًا
دعم نموذج الاتصال
استجابة كاملة
كتابة وتحديث المحتوى في Markdown
تعليق ديسكوس
تسليط الضوء على بناء الجملة

15+ صفحات مصممة مسبقًا

الصفحة الرئيسية
عن
اتصال
المؤلفون
المؤلف مفرد
مدونة
مدونة واحدة
مخصص 404
عناصر
سياسة الخصوصية
العلامات
علامة واحدة
فئات
فئة مفردة
يبحث

مكدس التكنولوجيا

هوغو
الريح الخلفية CSS
PostCSS
تطهيرCSS
البادئة التلقائية
وحدات هوغو من Gethugothemes
تخفيض السعر
أجمل
جشينت
نيتليفي
فيرسل
إجراءات جيثب
جيتلاب سي
تضخيم AWS

ابدء

تحتاج أولاً إلى استنساخ مستودع القوالب أو تنزيله، ثم لنبدأ بالعملية التالية:

المتطلبات الأساسية

للبدء في استخدام هذا القالب، يجب أن يكون لديك بعض المتطلبات الأساسية مثبتة على جهازك.

هوغو ممتد v0.124+
العقدة v20+
انتقل إلى الإصدار 1.22+

إعداد المشروع

لقد قمنا ببناء هذا البرنامج النصي المخصص لتسهيل إعداد مشروعك. سيتم إنشاء مجلد سمة Hugo جديد واستنساخ سمة Hugoplate فيه. ثم انقل مجلد exampleSite إلى الدليل الجذر. حتى تتمكن من بدء تشغيل خادم Hugo الخاص بك دون الدخول إلى مجلد exampleSite. استخدم الأمر التالي لإعداد مشروعك.

 npm تشغيل إعداد المشروع

تثبيت التبعيات

قم بتثبيت كافة التبعيات باستخدام الأمر التالي.

 تثبيت npm

أمر التطوير

ابدأ تشغيل خادم التطوير باستخدام الأمر التالي.

 تشغيل npm ديف

هل مازلت في حيرة من أمرك؟ شاهد فيديو سريع

Hugoplate-quick-setup.mp4

التخصيص

تم تصميم هذا القالب مع وضع الكثير من خيارات التخصيص في الاعتبار. يمكنك تخصيص أي شيء تريده تقريبًا، بما في ذلك:

تكوين الموقع

يمكنك تغيير عنوان الموقع وعنوان URL الأساسي واللغة والموضوع والمكونات الإضافية والمزيد من ملف hugo.toml .

معلمات الموقع

يمكنك تخصيص كافة المعلمات من الملف config/_default/params.toml . يتضمن ذلك الشعار والرمز المفضل والبحث والبيانات التعريفية لتحسين محركات البحث والمزيد.

الألوان والخطوط

يمكنك تغيير الألوان والخطوط من ملف data/theme.json . يتضمن ذلك اللون الأساسي واللون الثانوي وعائلة الخط وحجم الخط.

الروابط الاجتماعية

يمكنك تغيير الروابط الاجتماعية من ملف data/social.json . أضف روابطك الاجتماعية هنا، وسيتم عرضها تلقائيًا على الموقع.

الاستخدام المتقدم

لقد أضفنا بعض البرامج النصية المخصصة لجعل حياتك أسهل. يمكنك استخدام هذه البرامج النصية لمساعدتك في التطوير الخاص بك.

تحديث الموضوع

إذا كنت ترغب في تحديث الموضوع، فيمكنك استخدام الأمر التالي. سيتم تحديث الموضوع إلى الإصدار الأحدث.

 موضوع تحديث تشغيل npm

ملاحظة: سيعمل هذا الأمر بعد تشغيل البرنامج النصي project-setup .

تحديث الوحدات

لقد أضفنا الكثير من الوحدات إلى هذا القالب. يمكنك تحديث كافة الوحدات باستخدام الأمر التالي.

 يقوم npm بتشغيل وحدات التحديث

إزالة الوضع الداكن

إذا كنت تريد إزالة الوضع المظلم من مشروعك، فيمكنك استخدام الأمر التالي لإزالة الوضع المظلم من مشروعك.

 تشغيل npm لإزالة الوضع المظلم

ملاحظة: سيعمل هذا الأمر قبل تشغيل البرنامج النصي project-setup . إذا قمت بالفعل بتشغيل أمر project-setup ، فيجب عليك تشغيل npm run theme-setup أولاً، وبعد ذلك يمكنك تشغيل هذا الأمر. وبعد ذلك، يمكنك تشغيل npm run project-setup مرة أخرى.

بناء ونشر

بعد الانتهاء من التطوير، يمكنك إنشاء مشروعك أو نشره في كل مكان تقريبًا. دعونا نرى العملية:

أمر البناء

لإنشاء مشروعك محليًا، يمكنك استخدام الأمر التالي. سيتم مسح جميع ملفات CSS غير المستخدمة وتقليل جميع الملفات.

 بناء تشغيل npm

نشر الموقع

لقد قدمنا 5 تكوينات مختلفة لمنصة النشر مع هذا القالب، حتى تتمكن من النشر بسهولة.

نيتليفي
فيرسل
إجراءات جيثب
جيتلاب سي
تضخيم AWS

وإذا كنت تريد استضافة بعض منصات الاستضافة الأخرى. ثم يمكنك إنشاء مشروعك، وستحصل على مجلد public . التي يمكنك نسخها ولصقها على منصة الاستضافة الخاصة بك.

ملاحظة: يجب عليك تغيير baseURL في ملف hugo.toml . وإلا فإن موقعك لن يعمل بشكل صحيح.

دليل البقاء متوافقًا

قضايا الإبلاغ

نحن نستخدم مشكلات GitHub باعتبارها أداة تعقب الأخطاء الرسمية لهذا القالب. الرجاء البحث في القضايا الموجودة. من الممكن أن يكون شخص ما قد أبلغ عن نفس المشكلة بالفعل. إذا لم تتم معالجة مشكلتك أو فكرتك بعد، فلا تتردد في فتح عدد جديد.