jekyll skeleton
1.0.0
سقالات Jekyll لبدء مواقع جديدة. https://marcanuy.github.io/jekyll-skeleton/
جدول المحتويات
هذا موقع Jekyll أساسي تم إنشاؤه باستخدام jekyll new --blank (بدون سمات أو أمثلة للمشاركات) ليكون بمثابة نقطة بداية لأي موقع ويب.
والغرض منه هو البدء بسرعة في إنشاء مواقع ويب جديدة لاستنساخ هذا الريبو وتخصيصه حسب احتياجاتك، مع وجود جميع الميزات التي كنت أقوم بإضافتها وتكوينها في كل مرة أقوم فيها بإنشاء مثيل Jekyll جديد.
يبدو العرض التوضيحي المباشر " بسيطًا " للغاية لأنه لا يستخدم أي سمة وهدفه الوحيد هو إظهار تصميم التنقل في موقع الويب وكيفية إضافة منشورات/فئات.
يستخدم هيكلها التصميم الموصوف في كيفية إضافة Bootstrap 4 إلى Jekyll بالطريقة الصحيحة، وJekyll متعدد اللغات بدون مكونات إضافية وكيفية تنفيذ فتات الخبز على موقع Jekyll مع الفئات المتداخلة، والمقالات المطبقة على مثيل Jekyll فارغ مع الاقتراحات المقدمة من المكونات الإضافية أدناه.
ما عليك سوى استنساخ هذا الريبو والبدء في بناء الريبو الخاص بك.
git clone [email protected]:marcanuy/jekyll-skeleton.git
يُنشئ تلقائيًا عند كل إنشاء jekyll :
/sitemap.xml/feed.xml . SASS والتخصيص السهل لمتغيرات Bootstrap 4 في /assets/main.scss و /_sass/_variables.scss .
يضيف علامات البيانات الوصفية تلقائيًا لمحركات البحث والشبكات الاجتماعية
عنوان الصفحة، مع إضافة عنوان الموقع أو الوصف
<head>
<title>...</title>
</head>
وصف الصفحة
<head>
<meta name="description" content="..."/>
</head>
عنوان URL الأساسي
<link rel="canonical" href="..."/>
عناوين URL التالية والسابقة على الصفحات المقسمة إلى صفحات
موقع JSON-LD ونشر البيانات التعريفية لفهرسة أكثر ثراءً
<meta property="fb:app_id" content="1822851531277021"/>
<script type="application/ld+json">
{"@context": "http://schema.org",
"@type": "WebPage",
"headline": "...",
"description": "...",
"url": "..."}</script>
افتح عنوان الرسم البياني والوصف وعنوان الموقع وعنوان URL (لفيسبوك وLinkedIn وما إلى ذلك)
<meta property="og:title" content="..."/>
<meta name="description" content="..."/>
<meta property="og:description" content="..."/>
<meta property="og:url" content="..."/>
<meta property="og:site_name" content="..."/>
<meta property="og:type" content="..."/>
<meta property="article:published_time" content="..."/>
<meta property="fb:app_id" content="..."/>
البيانات الوصفية لبطاقة ملخص تويتر
<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="..."/>
<meta name="twitter:creator" content="..."/>
متعدد اللغات
قائمة التنقل اللغوية لكل صفحة إلى جميع إصدارات الترجمة الأخرى
<a hreflang="es" href="http://example.com/es/foobar" />
<a hreflang="de" href="http://example.com/de/foobar" />
<a hreflang="en" href="http://example.com/en/foobar" />
عناصر الارتباط البديلة في قسم head في HTML
<link rel="alternate" hreflang="es" href="http://example.com/es" />
<link rel="alternate" hreflang="de" href="http://example.com/de" />
<link rel="alternate" hreflang="en" href="http://example.com/en" />
عمليات إعادة التوجيه من المجلد الفرعي للغة الافتراضية إلى الصفحة الرئيسية للموقع ( /en -> / )
مسارات التنقل للصفحات والمشاركات
<!-- url: /jekyll-skeleton/en/example-post -->
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/jekyll-skeleton/"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li class="breadcrumb-item ">
<a href="/jekyll-skeleton/en">en</a>
</li>
<li class="breadcrumb-item active">
Example Post
</li>
</ol>
لقد تم بناء jekyll-skeleton مع وضع المبادئ التالية في الاعتبار:
jekyll-seo-tag .git clone https://github.com/marcanuy/jekyll-skeleton
cd jekyll-seleton
make installmake serve أضف اللغة إلى _config.yml :
defaults:
#languages
-
scope:
path: ""
values:
lang: "en"
layout: default
-
scope:
path: "es"
values:
lang: "es"
اسمها _data/locales.yml وما يعادل كل صفحة في اللغة في /_data/map.yml :
-
en: index.html
es: es/index.html
-
en: about.html
es: es/acerca.html
أضف منشورًا بكل لغة موجودة في دليل اللغة الفرعي: /en ، es ، إلخ.
يتم استخدام الخصائص التالية في المشاركات الأمامية:
---
title: # jekyll-seo-tag - The title of the post, page, or document
description: # jekyll-seo-tag - A short description of the page's content
image: # jekyll-seo-tag - URL to an image associated with the post, page, or document (e.g., /assets/page-pic.jpg)
author: # jekyll-seo-tag - Page-, post-, or document-specific author information (see below)
lang: # jekyll-seo-tag - Page-, post-, or document-specific language information
---
يستخدم Jekyll-skeleton المكونات الإضافية التالية:
إذا كنت ترغب في استضافة موقع مشتق من هذا الريبو في Github، فيمكنك اتباع هذا الدليل: النشر الآلي لمواقع Jekyll على صفحات Github باستخدام Git Push To Github.
$ جعل البناء جمهورية مقدونيا -fr _site/ rm -fr الأصول/المورد/ #من الغزل rm -fr الأصول/الخطوط #fontawesome التبعية rm -fr .sass_cache تثبيت الحزمة - مسار البائع/المجمع تحذير: الإصدار قيد التشغيل من Bundler (1.13.6) أقدم من الإصدار الذي أنشأ ملف القفل (1.15.0). نقترح عليك الترقية إلى أحدث إصدار من Bundler عن طريق تشغيل "gem install Bundler". باستخدام روبي المتزامن 1.0.5 باستخدام i18n 0.8.1 باستخدام مينيتيست 5.10.2 باستخدام thread_safe 0.3.6 باستخدام public_suffix 2.0.5 باستخدام الملون 1.1.0 باستخدام الملونة 1.2 باستخدام ffi 1.9.18 باستخدام إعادة التوجيه الموسعة 2.6.0 استخدام المرتزقة 0.3.6 باستخدام mini_portile2 2.1.0 باستخدام الموازي 1.11.2 باستخدام الصراخ 2.0.7 باستخدام ساس 3.4.24 باستخدام rb-fsevent 0.9.8 باستخدام كرامداون 1.13.2 استخدام السائل 3.0.6 باستخدام روج 1.11.1 باستخدام Safe_yaml 1.0.4 باستخدام المجمع 1.13.6 باستخدام تزينفو 1.2.3 باستخدام عنونة 2.5.1 باستخدام ايثون 0.10.1 باستخدام rb-inotify 0.9.8 باستخدام باثوتيل 0.14.0 باستخدام نوكوجيري 1.7.2 باستخدام برنامج jekyll-sass-converter 1.5.0 باستخدام الدعم النشط 5.1.1 باستخدام التيفوئيد 0.8.0 باستخدام الاستماع 3.0.8 باستخدام جيكل توك 0.2.1 استخدام مصحح HTML 3.7.2 باستخدام جيكل ووتش 1.5.0 باستخدام جيكل 3.4.3 باستخدام jekyll-feed 0.9.2 باستخدام إعادة توجيه jekyll من 0.12.1 باستخدام علامة jekyll-seo-2.2.3 باستخدام jekyll-sitemap 1.1.1 الحزمة كاملة! 7 تبعيات لملف Gemfile، تم الآن تثبيت 38 جوهرة. يتم تثبيت الأحجار الكريمة المجمعة في ./vendor/bundler. تثبيت الغزل تثبيت الغزل v0.24.5 [1/4] حل الحزم... النجاح محدث بالفعل. يتم ذلك في 0.38 ثانية. mkdir -p الأصول/البائع/ cpNode_modules/font-awesome/css/font-awesome.min.css الأصول/المورد/ cp -r العقدة_modules/font-awesome/fonts الأصول cpNode_modules/jquery/dist/jquery.min.js الأصول/vendor/ cpNode_modules/tether/dist/js/tether.min.js الأصول/vendor/ cpNode_modules/bootstrap/dist/js/bootstrap.min.js الأصول/المورد/ بناء حزمة exec jekyll ملف التكوين: /tmp/jekyll-skeleton/_config.yml المصدر: /tmp/jekyll-skeleton الوجهة: /tmp/jekyll-skeleton/_site البناء المتزايد: معطل. تمكين مع --incremental جارٍ الإنشاء... تم إنجازه في 5.474 ثانية. التجديد التلقائي: معطل. استخدم --watch للتمكين. شجرة $ -L 3 _site/ _موقع/ ├── الأصول │ ├── الخطوط │ │ ├── FontAwesome.otf │ │ ├── Fontawesome-webfont.eot │ │ ├── Fontawesome-webfont.svg │ │ ├── Fontawesome-webfont.ttf │ │ ├── Fontawesome-webfont.woff │ │ └── Fontawesome-webfont.woff2 │ ├── main.css │ └── البائع │ ├── bootstrap.min.js │ ├── الخط-awesome.min.css │ ├── jquery.min.js │ └── tether.min.js ├── دي │ ├── beispiel-post.html │ ├── Index.html │ └── unterkategorie1 │ ├── Index.html │ └── post-in-unterkategorie.html ├── Deploy_key.enc ├── أون │ ├── مثال-post.html │ ├── Index.html │ └── الفئة الفرعية1 │ ├── Index.html │ └── post-in-subdirectory.html ├── وفاق │ ├── Index.html │ ├── post-ejemplo.html │ └── الفئة الفرعية1 │ ├── Index.html │ └── post-en-subdirectorio.html ├── Feed.xml ├──index.html ├── الترخيص ├── package.json ├── README.md ├── ملف robots.txt ├── خريطة الموقع.xml └── غزل.قفل 9 أدلة، 32 ملفا $ إجراء الشيك حزمة exec jekyll الطبيب ملف التكوين: /tmp/jekyll-skeleton/_config.yml ظهرت نتائج الاختبار. كل شيء يبدو على ما يرام. حزمة exec htmlproofer --check-html --http-status-ignore 999 --المجالات الداخلية marcanuy.github.io,localhost:4000 --افتراض التمديد _موقع تشغيل ["ScriptCheck"، "LinkCheck"، "HtmlCheck"، "ImageCheck"] على ["_site"] على *.html... فحص 14 رابط خارجي... ركض على 13 ملفا! تم الانتهاء من تدقيق HTML بنجاح.
لا تتردد في فتح القضايا و/أو المساهمة!
