jekyll theme consulting
1.0.0
قالب jekyll رصين وخالي من المتاعب للشركات.
يمكنك معاينة الموضوع هنا
استجابة : دعم خارج الصندوق لجميع أحجام الشاشات، سواء كانت الهواتف الذكية أو أجهزة الكمبيوتر المحمولة أو الأجهزة اللوحية...
متعدد اللغات : إدارة الصفحات والقائمة وعنوان URL والتواريخ وخريطة الموقع بسهولة بعدة لغات
قابلة للتخصيص : يمكن تغيير ألوان السمات والقائمة والعناصر الاجتماعية من ملف التكوين المركزي
العديد من الأدوات : يمكن إدراج علامات التبويب والمشاركات المصغرة والأضواء البارزة وقوائم الميزات والمزيد بسهولة دون القلق بشأن عناصرها الداخلية
العديد من القوالب : نماذج الاتصال وقوائم التنقل وغيرها يمكن إدراجها بسهولة بفضل ما يتضمنه Jekyll المخصص
الصور المتجهة : يتم توجيه صور السمات وعرضها بسلاسة على أي شاشة ويمكن تصميمها ديناميكيًا
جاهزية القانون العام لحماية البيانات (GDPR) : مزود بمكوّن إضافي للموافقة على ملفات تعريف الارتباط وسياسة خصوصية معيارية متوافقة مع القانون العام لحماية البيانات (GDPR).
جاهز لتحسين محركات البحث : يتم إنشاء خريطة الموقع وملف robots.txt والعلامات تلقائيًا لموقع الويب
الضوء : صور SVG، والإبهام، والتحميل البطيء للصور النقطية، وعدد قليل من المكتبات
الأداء : التحميل والتنفيذ المتوازي للأصول، ودعم التحميل البطيء، والأصول المصغرة، والمسار الحرج المضغوط
تصلب : التحقق من صحة النموذج، recaptcha، المكتبات التي تم التحقق منها
أضف هذا السطر إلى Gemfile الخاص بموقع Jekyll:
gem "jekyll-theme-consulting" وأضف هذا السطر إلى _config.yml الخاص بموقع Jekyll :
theme : jekyll-theme-consultingومن ثم تنفيذ:
$ bundle
أو قم بتثبيته بنفسك على النحو التالي:
$ gem install jekyll-theme-consulting
بالنسبة لأولئك الذين ليسوا على دراية بكيفية عمل Jekyll، قم بزيارة jekyllrb.com للحصول على جميع التفاصيل، أو اقرأ فقط أساسيات المقدمة وكتابة المشاركات وإنشاء الصفحات.
انسخ الملف _config.yml من مستودع السمات إلى جذر شجرة مجلدات موقع الويب الخاص بك. يشرح القسم التالي تأثير الإعدادات وكيفية تكوين _config.yml بشكل صحيح.
يمكنك استخدام المعلمات المخصصة التالية في _config.yml .
يتم عرض كل من title والعنوان subtitle جنبًا إلى جنب:
ستظهر الرموز الاجتماعية لكل عنوان URL قمت بملئه، من بين facebook_url وما إلى ذلك.
يمكن استخدام معلومات الاتصال الخاصة بك في نماذج الاتصال أو التذييل أو في أي مكان آخر.
يتم التحقق من صحة نموذج الاتصال باستخدام البرنامج المساعد recaptcha من Google. أولاً، تحتاج إلى [تسجيل موقع الويب الخاص بك] لتمكين المكون الإضافي. ستزودك Google بمفتاح تكامل من جانب العميل : انسخه إلى _config.yml ضمن recaptcha.sitekey .
يمكن تأجيل تنزيل الصور وعرضها حتى تدخل إلى إطار العرض. يؤدي هذا إلى تقصير تحميل صفحة الويب، دون أي تأثير على المحتوى المعروض نظرًا لأن الصور خارج الشاشة.
هناك احتمالان:
يختلف دعم المتصفح للتحميل البطيء، لذا يوصى باختيار الحل الأول.
class="lazy-loading"src بالمسار إلى ملف العنصر النائبdata-src بالمسار إلى ملف المحتوىقبل:
< img src =" {{ 'assets/images/content.jpg' | absolute_url }} " />بعد:
< img class =" lazy-loading " src =" {{ 'assets/images/placeholder.jpg' | absolute_url }} " data-src =" {{ 'assets/images/content.jpg' | absolute_url }} " /> loading="lazy"قبل:
< img src =" {{ 'assets/images/content.jpg' | absolute_url }} " />بعد:
< img loading =" lazy " src =" {{ 'assets/images/content.jpg' | absolute_url }} " />هذه الوظيفة غير مدعومة من قبل جميع المتصفحات!
يوصى باستخدام تنسيق webp .
عند مستوى البعد والضغط (الجودة) المحدد، يكون حجم ملفات webp على الأقل نصف الحجم مع ملمس أكثر سلاسة.
في مستودع موقع الويب الخاص بك، قم بتحرير الملف _config.yml :
url : " https://<github-account-name>.github.io/<repository-name> "قم ببناء الموقع باستخدام:
$ JEKYLL_ENV=production bundle exec jekyll build
قم بإلزام جميع أعمالك بالفرع الحالي.
قم بإنشاء فرع باسم gh-pages :
$ git checkout -b gh-pages
وأخيرًا استبدل محتوى المستودع بصفحات الويب التي تم إنشاؤها:
$ mkdir ~/backup
$ mv ./* ~/backup/
$ mv ~/backup/.git ./
$ mv ~/backup/_site/* ./
$ git add .
$ git commit -m "First draft"
يتم الاحتفاظ بمحتوى المستودع احتياطيًا في الدليل الرئيسي للمستخدم.
وأخيرًا ادفع إلى جيثب
$ git push --u origin gh-pages
في دليل موقع الويب الخاص بك، قم بتحرير الملف _config.yml :
url : " https:<domain-name> "قم ببناء الموقع باستخدام:
$ JEKYLL_ENV=production bundle exec jekyll build
انسخ محتوى المجلد _site إلى خادمك، على الأرجح في www .
إذا لزم الأمر، قم بتكوين الخادم الخاص بك لخدمة هذا الدليل.
نرحب بتقارير الأخطاء وطلبات السحب على GitHub على https://github.com/apehex/jekyll-theme-consulting. يهدف هذا المشروع إلى أن يكون مساحة آمنة ومرحبة للتعاون، ومن المتوقع أن يلتزم المساهمون بمدونة قواعد سلوك ميثاق المساهمين.
لإعداد بيئتك لتطوير هذا الموضوع، قم بتشغيل bundle install .
لاختبار السمة، قم بتشغيل bundle exec jekyll serve وافتح متصفحك على http://localhost:4000 . يؤدي هذا إلى تشغيل خادم Jekyll باستخدام السمة. أضف الصفحات والمستندات والبيانات وما إلى ذلك كالمعتاد لاختبار محتويات السمة. أثناء قيامك بإجراء تعديلات على المظهر والمحتوى الخاص بك، سيتم إعادة إنشاء موقعك ويجب أن ترى التغييرات في المتصفح بعد التحديث، تمامًا مثل المعتاد.
عندما يتم إصدار السمة، سيتم تجميع الملفات الموجودة في _layouts و _includes و _sass assets التي يتم تتبعها باستخدام Git فقط. لإضافة دليل مخصص إلى theme-gem، يرجى تعديل التعبير العادي في jekyll-theme-consulting.gemspec وفقًا لذلك.
مستوحاة من أعمال @ajlkn.
يستخدم القالب الأساسي من البرنامج المساعد للموافقة على ملفات تعريف الارتباط.
يستخدم البرنامج المساعد للبحث Jekyll البسيط.
صورة فضائية في اللافتة: أعمدة الخلق، مقدمة من وكالة ناسا.
الموضوع متاح كمصدر مفتوح بموجب شروط CC-BY-NC-SA-4.0.
