Hugo ، منشئ مواقع الويب الثابت السريع والمرن

في المقالة التالية سوف نلقي نظرة على Hugo. هذا هو واحد من مولدات الموقع الثابتة مفتوحة المصدر الأكثر شيوعًا ، وهو أيضًا مجاني تمامًا. بفضل سرعته ومرونته المذهلة ، يجعل هذا المولد إنشاء موقع الويب سريعًا وسهلاً. يتعلق الامر ب مولد المواقع ثابت HTML و CSS مكتوب في Go. تم تحسينه للسرعة وسهولة الاستخدام والتكوين.

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

الخصائص العامة لهوجو

• سرعة عالية. كما هو مذكور على موقع الويب الخاص بهم ، فهذه هي أسرع أداة من نوعها. تم بناء الموقع المتوسط ​​في أقل من ثانية.
• قواعد قوية لإدارة المحتوى والمرونة. Hugo هو حلم استراتيجي المحتوى. هوغو يدعم أنواع محتوى غير محدودة ، وتصنيفات ، وقوائم ، ومحتوى ديناميكي مدفوع بواجهة برمجة التطبيقات ، والمزيد، كل ذلك بدون إضافات.
• تقدم لنا الرموز القصيرة القدرة على استخدام صيغة Markdown، مما يوفر مرونة كبيرة.
• قوالب متكاملة. منشئ مواقع الويب الثابت هذا لديه أنماط شائعة لإنشاء عملنا بسرعة. يأتي Hugo مع قوالب مسبقة الصنع للقيام بأعمال SEO وتعليقات وتحليلات ووظائف أخرى.
• نواتج مخصصة. يسمح لنا إنشاء المحتوى الخاص بنا بتنسيقات متعددة ، بما في ذلك JSON أو AMP، وبالتالي تسهيل إنشاء المحتوى.
• أكثر من 300 موضوع متاح، مما يمنحنا نظامًا قويًا للقوالب يسهل تنفيذه ، ولكنه قادر على إنتاج أكثر مواقع الويب تعقيدًا. يمكن أن يلقي نظرة على المواضيع متاح على موقع المشروع.

قم بتثبيت Hugo على Ubuntu

Hugo هو برنامج شائع جدًا وهذا يجعل تثبيته على Gnu / Linux وعلى وجه التحديد Ubuntu عملية بسيطة. سيكون خيار التثبيت الأول المتاح هو استخدام ملف الحزم المترجمة مسبقًا التي يمكن العثور عليها في صفحة إصدار المشروع. لتنزيل حزمة .deb ، سيتعين علينا فقط فتح Terminal (Ctrl + Alt + T) وتنفيذ الأمر التالي:

wget https://github.com/gohugoio/hugo/releases/download/v0.69.0/hugo_0.69.0_Linux-64bit.deb

بعد التنزيل ، سنكون قادرين على تثبيته بتنفيذ هذا الأمر الآخر في نفس المحطة:

sudo dpkg -i hugo_0.69.0_Linux-64bit.deb

في نهاية التثبيت يمكننا أن نبدأ العمل.

هناك إمكانية أخرى لتثبيت هذا البرنامج من خلال ملف حزمة المفاجئة. سيكون التثبيت بسيطًا مثل فتح الجهاز الطرفي (Ctrl + Alt + T) والكتابة فيه:

sudo snap install hugo

الخطوات الأولى

هوغو هو منشئ مواقع الويب. لذا فإن أول شيء علينا القيام به هو إنشاء موقع جديد باستخدام التنسيق التالي:

hugo new site [nombre-del-sitio]

في هذا المثال ، قمت بإنشاء موقع جديد باستخدام الأمر:

hugo new site sinforoso

سيؤدي هذا إلى إنشاء مجلد جديد يسمى لف في دفتر العناوين الصفحة الرئيسية المستعمل. للبدء ، سنصل إلى هذا المجلد وسنبدأ العمل من هناك.

الشيء التالي الذي سنفعله هو إضافة سمة جديدة للموقع. إذا كنت تريد إضافة جميع السمات المتاحة ، يمكنك استخدام الأمر:

git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

يؤدي هذا إلى تثبيت جميع سمات Hugo ، لذا قد يستغرق الأمر وقتًا طويلاً. قد يكون من المفيد تجربة أي واحد تريده. في حالتي ، اخترت موضوعًا محددًا ، فبدلاً من الأمر أعلاه ، استخدمت ما يلي:

git clone https://github.com/matcornic/hugo-theme-learn.git themes/learn

من المهم أن نضع الموضوعات في ملف المواضيع، والتي سنجدها داخل المجلد الذي نعمل فيه.

بعد تثبيت السمة ، يجب علينا أخبر Hugo باستخدام هذا الموضوع المحدد. للقيام بذلك يجب علينا حدده في ملف config.tom ، والذي سنجده في مجلد العمل كما هو موضح في لقطة الشاشة التالية.

بمجرد إجراء التغييرات ، نحفظها ونغلقها. الآن كل ما علينا فعله هو إنشاء فهرس جديد لعرضه على الموقع. سنفعل ذلك بالأمر التالي:

hugo new _index.md

كما ترى ، الملف له امتداد md ، وهذا يعني أن يمكننا إضافة محتوى باستخدام Markdown. يمكن العثور على هذا الملف وتحريره داخل ملف مجلد المحتوى.

يمكننا أيضا إنشاء فئات جديدة لتشكيل الموقع:

hugo new [categoría]/[archivo.md]

عند هذه النقطة، لعرض موقعناسوف نستخدم الأمر التالي:

hugo serve

وكما ترى في لقطة الشاشة التالية ، سيكون موقعنا الإلكتروني متاحًا من المتصفح على http: // localhost: 1313.

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