الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

Abridge Zola موضوع

موضوع ZOLA سريع وخفيف الوزن وحديث باستخدام abridge.css (إطار HTML CSS الدلالي للطبقة). منارة مثالية ، YellowLabtools ، وعشرات المرصد. فيما يلي صفحة معايير سمات Zola.

أصبح الحفاظ على هذا المشروع ممكنًا من قبل جميع المساهمين والرعاة. إذا كنت ترغب في رعاية هذا المشروع وأن يكون شعار الرمزية أو شركتك يظهر أدناه ، فانقر هنا. ؟

الصورة الرمزية للمستخدم:الصورة الرمزية: صموئيل هنريك

عرض Abridge Demo

عرض ABRIDGE.CSS DEMO [ABRIDGE.CSS Framework]

يستخدم عرض Abridge.css ببساطة موضوع Abridge كوحدة فرعية: config.toml ، sass/abridge.scss

سمات

  • منارة مثالية ، YellowLabtools ، وعشرات المرصد.
  • دعم PWA (تطبيق الويب التقدمي).
  • يمكن تعطيل جميع JavaScript بالكامل.
  • مظلم ، الضوء ، تلقائي ، وموضوعات المحول. (يمكن تخصيص الألوان ، متغيرات CSS)
  • تمييز بناء جملة الكود. (يمكن تخصيص الألوان ، متغيرات CSS)
  • كتل الرمز المرقم مع تسليط الضوء على السطر.
  • موقع غير متصل تمامًا باستخدام PWA أو عن طريق تعيين search_library = "offline" في config.toml (دعم البحث الكامل).
  • دعم متعدد اللغات.
  • دعم البحث. (مرن ، PageFind ، Tinysearch)
  • اقتراحات البحث مفاتيح التنقل ، / التركيز ، حركة arrow ، enter تحديد ، إغلاق escape .
  • صفحة نتائج البحث ، اكتب استعلام البحث ، ثم اضغط على Enter Key أو click أيقونة زر البحث.
  • دعم كبار المسئولين الاقتصاديين. (تحسين محرك البحث)
  • ترقيم الصفحات مع paginator المرقم على الفهرس.
  • روابط المقالة السابقة والقادمة في أسفل المقالة.
  • جدول المحتويات في فهرس الصفحة (روابط اختيارية قابلة للنقر)
  • كتلة الوظائف الأخيرة. (خياري)
  • العودة إلى الزر العلوي. (يستخدم CSS فقط)
  • كود كوكب زر نسخ.
  • رابط البريد الإلكتروني في تذييل التذييل. (مكافحة البريد العشوائي)
  • دعم Katex.
  • صفحة الأرشيف.
  • العلامات.
  • فئات. (على غرار العلامات ، المعوقة/التعليق بشكل افتراضي)
  • الرمز الاجتماعي روابط في تذييل.
  • تصميم متجاوب. (الهاتف المحمول أولا)
  • رموز الفيديو المختصرة: يوتيوب ، vimeo ، قابلة للبث.
  • وسائل الإعلام المختصرة: الفيديو ، IMG ، IMGSWAP ، الصورة ، GIF ، الصوت.
  • درجات قصيرة أخرى: showdata ، katex.

الوثائق الكاملة متوفرة هنا

بداية سريعة

يتطلب هذا الموضوع الإصدار 0.19.1 أو الأحدث من Zola 

git clone https://github.com/jieiku/abridge.git
cd abridge
zola serve
# open http://127.0.0.1:1111/ in the browser

تثبيت

توضح البداية السريعة كيفية تشغيل السمة مباشرة. بعد ذلك ، سنستخدم Abridge كموضوع لموقع جديد.

1: إنشاء موقع Zola جديد 

yes " " | zola init mysite
cd mysite

2: تثبيت Abridge

أضف السمة كوحدة فرعية بوابة: 

git init  # if your project is a git repository already, ignore this command
git submodule add https://github.com/jieiku/abridge.git themes/abridge
git submodule update --init --recursive
git submodule update --remote --merge

أو استنساخ السمة في دليل السمات الخاص بك: 

git clone https://github.com/jieiku/abridge.git themes/abridge

3: التكوين

انسخ بعض الملفات من دليل السمة إلى دليل الجذر لمشروعك: 

rsync themes/abridge/.gitignore .gitignore
rsync themes/abridge/config.toml config.toml
rsync themes/abridge/content/_index.md content/
rsync -r themes/abridge/COPY-TO-ROOT-SASS/ * sass/
rsync themes/abridge/netlify.toml netlify.toml
rsync themes/abridge/package_abridge.js package_abridge.js
rsync themes/abridge/package.json package.json
  • config.toml تكوين قاعدة مع جميع قيم التكوين.
  • content/_index.md المطلوب لتعيين ترقيم الصفحات.
  • تتجاوز COPY-TO-ROOT-SASS/abridge.scss لتخصيص متغيرات Abridge.
  • إعدادات netlify.toml لنشر repo الخاص بك مع netlfiy.
  • package_abridge.js Node Script to: تحديث قائمة ملفات ذاكرة التخزين المؤقت في PWA ، Minify JS ، Bundle JS
  • package.json لتسهيل استخدام package_abridge.js

Uncomment هو سطر المظهر في Config.toml من جذر مشروعك: 

sed -i ' s/^#theme = "abridge"/theme = "abridge"/ ' config.toml

4: إضافة محتوى جديد

انسخ المحتوى من دليل السمة إلى مشروعك أو قم بعمل منشور جديد: 

rsync -r themes/abridge/content .

5: قم بتشغيل المشروع

فقط قم بتشغيل zola serve في مسار الجذر للمشروع: 

zola serve

ستبدأ Zola خادم الويب DEV ، يمكن الوصول إليه افتراضيًا على http://127.0.0.1:1111 .

سوف التغييرات المحفوظة ستعيش إعادة تحميل في المتصفح. (اضغط على ctrl+f5 ، أو أثناء تطوير Set pwa=false في config.toml )

التخصيص

لمزيد من التخصيص ، تأكد من التحقق من المستندات.

راعي

هل تحب هذا الموضوع؟ هل كان مفيدًا لك؟ يرجى ترك نجم جيثب ، وإذا كنت تشعر بالميل إلى التبرع ، فيمكنك التبرع لي من خلال رعاة جيثب.

المساهمة والفلسفة

كنا نحب مساعدتك! خاصة مع الإصلاحات للقضايا ، أو تحسينات على الميزات الحالية.

الهدف من ذلك هو أن تكون Abridge خفيفة الوزن وسريعة ، وأن تعمل بشكل صحيح حتى لو تم تعطيل JavaScript أو حظره.

الميزة الوحيدة التي قد تعتبر ضرورة تعتمد على جافا سكريبت هي البحث.

رخصة

يتم توزيع Abridge بموجب شروط ترخيص معهد ماساتشوستس للتكنولوجيا.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل