hugo 8bits theme

Hugo 8-Bits موضوع

يعتمد موضوع Hugo 8-Bits على إطار عمل CSS على طراز NES الذي طورته BC_Rikko.

عرض حي

معلومات الإطار NES.CSS

اسم	NES.CSS
وصف	إطار CSS على غرار NES
مصمم	Bcrikko
إصدار	2.3.0
مطلق سراحه	17 ديسمبر 2019
رخصة	معلومات الترخيص

تثبيت

 $ cd /<your-hugo-site-directory>
$ git submodule add https://github.com/miguelsimoni/hugo-8bits-theme.git themes/hugo-8bits-theme

مزيد من المعلومات: دليل الإعداد Hugo

إعدادات

config.yaml

متعدد اللغات

يمكنك إظهار أو إخفاء القائمة المنسدلة اللغات من config.yaml :

 languagesMenuEnabled : true

خبز

يمكنك إظهار أو إخفاء الصفحة الحالية في breadcrumb من config.yaml :

 breadcrumb :
  showCurrent : true

Loader ترقيم الصفحات

يمكنك تمكين أو تعطيل Loader ترقيم الصفحات (تحميل المزيد من الزر) في صفحات القائمة من config.yaml :

 pagination :
  loader : true

تعطيله سيظهر أداة ترقيم الصفحات القياسية.

خلفية

يمكنك تعيين خلفية موضوع فقط إسقاط صورة على static/images/ المجلد وكتابة اسمها على params.background.image . كما يمكنك تعيين تأثير المنظر وسرعته لقسم المنشورات.

 background :
  image : " ../images/background.png "
  parallax : true
  speed : 10

اتصال

يمكنك تمكين نموذج الاتصال DE للسماح للزائرين بإرسال رسائل لك باستخدام خدمة الرسائل مثل FormSpree فقط إضافة عنوان URL لإجراء نموذج الاتصال في config.yaml :

 contact :
  formAction : https://formspree.io/f/yourformcode

الشبكات الاجتماعية

يمكنك إضافة أسماء المستخدمين للشبكات الاجتماعية المدعومة الحالية في config.yaml :

 social :
  - network : twitter
    link : " https://www.twitter.com/8bits "
  - network : facebook
    link : " https://www.facebook.com/8bits "
  - network : instagram
    link : " https://www.instagram.com/8bits "

انظر config.yaml لمزيد من الأمثلة على معلمة الشبكات الاجتماعية.

تعليقات

مدعوم من Disqus

 disqusShortname : " yourdiscussshortname "

قم بتعطيل نظام التعليقات عن طريق ترك params.disqusShortname فارغ.

Google Analytics

 googleAnalytics : " UA-123-45 "

تعطيل تحليلات Google عن طريق ترك params.googleAnalytics فارغة.

المزيد من الإعدادات!

انظر التكوين بأكمله في ملف config.yaml.

مثال الموقع

يعتمد المجلد exampleSite على مثال Hugo Basic ويقدم موقعًا مثالًا لهذا الموضوع.

يحتوي exampleSite/content/ Folder على ما يلي:

• قسم يسمى /post/ مع محتوى تخفيض العينة.
• about.md يهدف إلى توفير /about/ صفحة لتوضيح موضوع.
• contact.md التي تهدف إلى توفير /contact/ الصفحة لنموذج الاتصال.

تقريبا هناك ...

من أجل رؤية موقعك قيد التنفيذ ، يمكنك تشغيل الخادم المحلي المدمج في Hugo.

$ cd exampleSite
$ hugo server -t ../..

الآن أدخل http://localhost:1313/ في شريط العناوين لمتصفحك.

النشر

• استضافة على جيثب
• المزيد من خيارات الاستضافة والنشر

المساهمة

• وجدت خطأ؟
• هل لديك فكرة عن ميزة جديدة؟

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

رخصة

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

شكرًا

بفضل ستيف فرانسيا لإنشاء هوغو والمجتمع الرائع حول المشروع. وأيضًا بفضل Bcrikko لإنشاء هذا الإطار الحنين الرائع.