موصى به, 2021

اختيار المحرر

أفضل 10 مولدات موقع ثابت

حدث تحول كبير مؤخرًا في مواقع الويب الثابتة في مجال تطوير الويب. من الأسهل الحفاظ على المواقع الثابتة (لا توجد قواعد بيانات ، ولا نصوص من جانب الخادم!) وأكثر أمانًا ، بشكل عام ، مع الأخذ بعين الاعتبار أن الشيء الوحيد الذي يتم عرضه على أجهزة المستخدمين هو ملفات HTML و CSS وجافا سكريبت. لكي تصبح بعض أنواع مواقع الويب مثل المدونات ، ومواقع الويب الخاصة بالوثائق ثابتة ، يصبح مجرد كتابة التعليمات البرمجية في ملفات HTML مباشرة أمرًا شاقًا. يصعب أيضًا الحفاظ على المواقع ذات المحتوى الضخم ، خاصة عند الحاجة إلى تغيير بعض الميزات الصغيرة (مثل التصميم).

هذا هو المكان الذي تأتي فيه مولدات الموقع الثابتة. يقوم مولدات الموقع الثابت بشكل أساسي بتحويل (أو تجميع) مجموعة من ملفات الموارد المختلفة إلى موقع واحد. وهذا يعني أن المحتوى يمكن أن يبقى منفصلاً عن رمز المخطط ، وأن أصول الموقع مثل الصور يمكن إبقاؤها منفصلة تمامًا. هناك الكثير من مولدات الموقع الثابتة هناك ، حتى المئات. هنا قائمة من أفضل 10 مولدات موقع ثابت جنبا إلى جنب مع ملاحظاتهم.

مولدات الموقع الثابتة

1. جيكل

في كلمة واحدة: مولدات موقع King of Static . Jekyll هو الأكثر استخدامًا للمولدات الثابتة ، مع أعظم الوثائق ، وأكبر منتدى ، وأفضل دعم. حتى GitHub يقدم دعمًا مدمجًا لـ Jekyll على خدمة GitHub Pages الخاصة بها. جيكيل تفتخر بأنها مدركة للمدونات. جعل بلوق ثابت على Jekyll أمر سهل حقا. يتطلب فقط معرفة تطوير الويب الأساسي. إنه يضيء حقًا ، نظرًا لميزاته سهلة الإعداد للمبتدئين ، وفي الوقت نفسه يمتلك ميزات قوية حقًا لأولئك الذين لديهم المعرفة لاستخدامها.

يتيح لك Jekyll إنشاء واستخدام الإضافات والعلامات المختلفة ، وحتى إنشاء محولاتك الخاصة لأي لغة ترميزية تريد استخدامها مع Jekyll. إن لغة الترميز الافتراضية لـ Jekyll -like معظم اللغات الأخرى- هي Markdown. يحتوي Jekyll على مكونات إضافية لتجميع أقل ، وقلم ، وتوليد سحابات للعلامات ، وصفحات مستخدم للمدونات ، وغير ذلك الكثير.

ويستند Jekyll على محرك قالب سائل من Shopify. يتم تشغيله بالكامل على Ruby ، ​​بحيث يمكن تثبيته بسهولة إلى جانب التبعيات باستخدام rvm ، أو باستخدام أداة الحزم. لدى Jekyll أيضًا خيارات ترحيل سهلة ، إذا كنت تتطلع إلى الترحيل من WordPress أو Blogger أو أي موقع تدوين آخر. فإنه يتفوق على كل مولد الموقع الثابت هناك ، الأيدي ، من حيث حجم المستخدم. هو تحت التطوير النشط (التغيير الأخير إلى الريبو GitHub الذي جاء قبل يوم ، في وقت كتابة هذا التقرير).

لتثبيت Jekyll ، فقط أدخل هذا الأمر في Ruby: gem install jekyll

الصفحة الرئيسية

2. البجع

البجع هو مولد موقع ثابت مبني على بايثون. وهي تتميز بنشر محتوى متعدد اللغات ، وتسليط الضوء على كود (بناء الجملة) ، فضلاً عن سهولة توليد خلاصات RSS و Atom. لدى Pelican مجموعة رائعة من الإضافات ، والتي يتم استضافتها جميعها في مستودع GitHub المركزي. وهو يدعم 3 تنسيقات المستندات بشكل افتراضي: Markdown، reStructuredText، and Ascii Doc.

البجع فريدة من نوعها ، لأنها مبنية على بايثون. يدعم محرك Jinja Template القوي الذي يعتمد على python ، لإتاحة إنشاء قوالب وقوالب جميلة من أجل Pelican بسهولة. من حيث دعم الهجرة ، يوفر Pelican دعمًا لـ WordPress و Tumblr. بدلاً من ملفات YAML المعتادة للتكوين ، يستخدم Pelican ملف .py المسمى pelicanconf.py للتكوين والإعدادات.

أسهل طريقة لتثبيت بجع ، هو باستخدام pip: pip install pelican

الصفحة الرئيسية

3. سمسار

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

تقدم Middleman الدعم لمعظم الأدوات الحديثة لتطوير الويب مثل HAML و Coffeescript و Sass والبقية. محرك templating الافتراضي الخاص به هو eRb ، ولكنه يسمح لك بالتبديل إلى محرك قالب مخصص من اختيارك. جميع محركات قوالب Tilt- تمكين (القائمة الكاملة يمكن العثور عليها هنا) تعمل على Middleman. ويدعم ذلك أصلا صيغ التكوين 2 - YAML ، JSON. يجب أن تكون Frontmatter للمحتوى الخاص بك أيضًا YAML أو JSON بناءً على تنسيق التهيئة الذي تستخدمه.

تثبيت ميدل ايدمان باستخدام روبي مع: gem install middleman

الصفحة الرئيسية

4. ميتالسميث

Metalsmith تفخر بأن تكون مولد موقع ثابت قابل للتوصيل . وهذا يعني أن كل منطق Metalsmith يتم التعامل معه بواسطة المكونات الإضافية. أي ميزة تحتاج إليها ، ما عليك سوى إضافة المكونات الإضافية المطلوبة. العدد الهائل من الإضافات التي تقدمها Metalsmith يدق تقريبا كل منافس (ربما يمنع Jekyll و Docpad). وهذا يعني أنه يمكن استخدام Metalsmith أكثر من مجرد مولد موقع ثابت.

بكلماتهم الخاصة "بما أن كل شيء هو مكون إضافي ، فإن المكتبة الأساسية هي في الواقع مجرد تجريد للتلاعب في دليل الملفات". ما يضيفه هذا الأمر في النهاية ، هو أنك تستخدم Metalsmith بنفس السهولة مثل scaffolder للمشروع ، ومولِّد ebook ، وأداة بناء ، وتقديم وثائق تقنية ، والمزيد (هذه بعض الأمثلة التي تم عرضها على موقع Metalsmith الإلكتروني).

يستند Metalsmith على Node.js ، ويمكن تثبيته باستخدام مدير حزمة العقدة مع: $ npm install metalsmith

  Homepage 

5. القيثارة

يحتوي Harp على معالجة مسبقة لـ Jade و Markdown و LESS و Sass و Coffeescript و EjS و Stylus بدون أي تهيئة إضافية. كما يتيح لك استخدام تخطيطات / نموذج جزئي مع Jade و EjS ، والتي تحتاج إلى ملحقات خاصة على مولدات المواقع الثابتة الأخرى.

تم إنشاء Harp على Node.Js ويمكنه العمل جنبًا إلى جنب مع Harp Platform ، الذي يتيح لك إنشاء صفحات ويب من مجلد Dropbox الخاص بك. يستطيع Harp أيضًا تجميع صفحات للاستخدام على صفحات GitHub و PhoneGap و Heroku أيضًا.

لتثبيت Harp ، استخدم npm وقم بتشغيل: sudo npm install -g harp

 الصفحة الرئيسية 

6. Octopress

من الناحية الفنية Octopress هو شوكة Jekyll معدلة ، ولكن نظرا لشعبيتها الهائلة ، فقد أدرجت في هذه القائمة. Octopress هو في الأساس Jekyll للمتسللين (ومطوري القضبان). يصبح تخصيص Octopress أمرًا سهلاً ، خاصة إذا كنت بصدد إنشاء مدونة ، لأن Octopress بشكل افتراضي يتضمن العديد من المكونات الإضافية التي تحتاجها لتشغيل مدونة على Jekyll.

في جزء التخصيص ، يسهّل رمز Octopress على المستخدمين تعديل الشفرة ، وكتابة التعليمات البرمجية الخاصة بهم. ومع ذلك ، فإن الكثير من الملحقات لـ Octopress متوافق مع Jekyll (والعكس بالعكس).

لتثبيت Octopress ،

  1. استنساخ ريبو جيثب
    git clone git://github.com/imathis/octopress.git octopress
    cd octopress
  2. تثبيت التبعيات
    gem install bundler
    rbenv rehash # إذا كنت تستخدم rbenv ، rehash لتتمكن من تشغيل أمر الحزمة
    bundle install
  3. تثبيت موضوع Octopress الافتراضي
    rake install
الصفحة الرئيسية

7. Docpad

Docpad هو مولد موقع ثابت ديناميكي . فهو يوسع إمكانيات مولدات المواقع الثابتة العادية ، مع ميزات مثل الاستعلام عن قاعدة البيانات من خلال محرك استعلام ، واستيراد صفحات من قواعد بيانات خارجية ، وإعادة تقديم صفحة الويب في كل طلب.

يتمتع Docpad بدعم أصلي للمعالجات المسبقة ، مثل Coffeescript و Stylus و LESS ، ويستخدم المكونات الإضافية لدعم محركات النماذج ومعالجات ما قبل السابقة ولغات التمييز ، بحيث يمكنك اختيار المجموعات التي تريدها باستخدام المكون الإضافي الضروري. يدعم Docpad أيضًا استيراد صفحات من مصادر خارجية مثل Tumblr و GitHub و Dropbox من خلال المكونات الإضافية.

Docpad هي منصة غنية بالمميزات ، مع الكثير من الإضافات والوثائق الرائعة. بنيت على واستخدامات ، Node.js لتفاعلات الخادم.

ما عليك سوى تثبيت Docpad باستخدام npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 الصفحة الرئيسية 

8. سداسي

Hexo هي عبارة عن إطار مدونات ثابت خفيف الوزن يفخر بنفسه على سرعة الجيل السريع. Hexo رائع للمدونين الذين لديهم كميات كبيرة من المحتوى ممن يريدون مولدًا بسيطًا للموقع ثابتًا. يوفر خيارات ترحيل سهلة من منصات التدوين الأخرى مثل WordPress و Joomla و Jekyll و Octopress و RSS. من الأشياء العظيمة حول Hexo هو أنه يمكنك استخدام معظم المكونات الإضافية التي تم تصنيعها لـ Octopress (ومن خلال الإضافات ، تم إعداد المكونات الإضافية لـ Jekyll مع تعديلات بسيطة جدًا)

Hexo يدعم Markdown ، YAML للمادة الأمامية والتكوين. الحفاظ على طبيعتها السريعة يتيح لك Hexo النشر في مواقع مثل GitHub و Heroku و Rsync باستخدام أمر واحد فقط.

يمكن تثبيت Hexo باستخدام Node.js: npm install hexo-cli -g

الصفحة الرئيسية

9. هوغو

إن Hugo هو مولد موقع ثابت للأغراض العامة مع ميزات جيدة من جميع النواحي مثل القوالب والدعم الجزئي ، ترقيم الصفحات ، و "taxonomies" التي هي في الأساس نظام تصنيف محتوى فريد يتبعه Hugo. وهذا يعني أنه يمكنك تصنيف المشاركات بسهولة على أساس ليس فقط العلامات ، ولكن أيضًا بأي طريقة أخرى ترغب فيها ، مثل الفئات أو المسلسلات مباشرة من الواجهة الأمامية. يدعم Hugo ثلاثة أنواع من ملفات البيانات - YAML و JSON و TOML ، ويتيح لك تحديد أيهما أكثر راحة بالنسبة لك.

بدلاً من المكوِّنات الإضافية ، يستخدم Hugo "الرموز القصيرة" التي تتيح لك استخدام المحتوى الغني داخل Markdown. لمعرفة كيف يعمل هذا ، اقرأ هذا المقال. مكتوب بلغة Hugo في لغة برمجة Go ، ويوفر ملفات تثبيت منفصلة لمنصات مختلفة على صفحة GitHub الخاصة به. لمعرفة بالضبط كيف يمكنك تثبيت Hugo لاستخدامه ، اقرأ إرشادات التثبيت الخاصة بـ Hugo.

إذا كنت تستخدم Homebrew ، فيمكن تثبيت Hugo وجميع التبعيات مع: brew install hugo

الصفحة الرئيسية

10. الغداء

يميل غداء إلى تطبيقات الويب HTML5 بدلاً من المدونات ومواقع الويب ، ولكنه لا يزال مولد موقع ثابت سريع الاستخدام وسهل الاستخدام. فهي لا تقوم فقط بتجميع جميع الكودات والبرامج النصية ، بل يمكنها أيضًا تقليص (تصغير) شفرتك ، وضغط الصور تلقائيًا. يحتوي البرنامج على مجموعة كاملة من الإضافات التي يمكنك استخدامها لتخصيصها وفقًا لاحتياجاتك. يمكن العثور على القائمة الكاملة لمكوّنات Brunch الإضافية هنا.

تقدم Brunch "هياكل عظمية" وهي عبارة عن جداول مرجعية أساسًا لبدء موقعك على الويب (أو تطبيق الويب). إنها تقدم واحدة من أسرع سرعات التجميع ، ببساطة لأن Brunch تخبئ جميع الأجزاء غير المتغيرة من مشروعك وتجمع فقط تلك الملفات المنقحة. بنيت Brunch على Node.js ويمكن تثبيتها باستخدام npm: npm install -g brunch

الصفحة الرئيسية

هل لديك أي اقتراحات حول هذه المقالة؟ اتركه في التعليقات!

Top