المقدمة #
أوهايومينا، في مقالنا هذا سنتكلم عن الطريقة التي صنعت بها موقعي حتى يمكنكم صنع مواقع مثله و أفضل. الطريقة سهلة و تطبيقها يسير حالما تفهمها، مع أني للحق جلست أكثر من سنة لأفهمها بما أني كنت أجرب بلا فهم حقيقي لما أفعله و ما خصصت لها الوقت الكافي. الطريقة مجانيةبالكامل و لا تحتاج الا لتركيز و رغبة في التعلم. و لنبدأ في فهم الطريقة بالمعارف المسبقة التي تحتاجها.
المتطلبات المسبقة #
أكثر ما يعطّلني في تعلّم أي شيء أن أقفز مباشرة في التطبيق دون الاهتمام للمتطلبات المسبقة فأجدني أضيع وقت كثير لذلك لا تستعجل و خذ وقتك فان كنت لا تعلم واحدة من التي سأذكرها أو كلها فأستغل الفرصة لتعلمها و لا تحاول الالتفاف حولها.
- الغيت : تحتاج لمعرفة كيفية استعمال أهم أوامره للسحب و الرفع من و الى الغيتهاب.
- الغيتهاب : تحتاج لمعرفة كيفية التعامل مع الغيتهاب و أن يكون لك حساب فيه تصله مع جهازك ببرنامج الغيت.
- لينيكس: تحتاج أولا اما لنظام لينيكس (سواء افتراضي أو مباشرة على جهازك) أو لنظام ويندوز الفرعي للينيكس (Windows Subsystem for Linux) و بالطبع مع هذا معرفة بشريط الأوامر و أهم استعمالاته.
- الماركداون: تحتاج لمعرفة كيفية تنسيق كتابتك باستعمال لغة الماركداون.
- لغات تطوير الويب (html, css, js): هذه اختيارية ستفيدك جدا لو علمتها في تخصيص مقالاتك لكن لن يضرك جهلها.
لن تصدقوا ماذا وجدوا بداخل عقل هذا المطوّر 😱
مميزات هذه الطّريقة #
لماذا لا نستعمل ووردبريس أو بلوغر او ويكس الخ… من التقنيات الجاهزة السهلة عوض أن نتعب نفسنا بهذا؟ لنفهم السبب علينا أن ندرك أولا أن المواقع على النت تنقسم لصنفين رئيسيين:
- مواقع ديناميكية: و هي السابق ذكرها و غيرها الكثير. تتكون من واجهة أمامية و هي ما نراه عند دخولنا للموقع، و ثانية خلفية مسؤولة عن العمليات التي تحصل داخل الموقع و التفاعلات بيننا و بين هذا الموقع كترك تعليق فلسفي ينم عن وعي مفرط أو نشتري منه شيء، مع وجود قاعدة بيانات تخزن البيانات التي أضفنها.
- مواقع ثابتة: و هذه تتكون فقط من الواجهة الأمامية التي تحتوي على كل المعلومات المعروضة. و هي التي بنيت عليها الانترنات في نسختها الأولى*(web 1.0)* قبل أن تظهر لاحقا الديناميكية لتنقلنا الى النسخة الثانية منها (web 2.0)
مكونات المواقع الديناميكية و الثابة و التفاعلات بينها
و بما أن المواقع الثابتة لا تستعمل واجهة خلفية و لا قاعدة بيانات، لا نجدها تحتاج الى موارد كبيرة من الخادم اذ لن يقوم سوى بجلب الصفحات المعدة مسبقا و عرضها للمستعمل. لذلك نجد العديد من الشركات التي تقدم خدمات استضافة مجانية لها اذ لن يكلفها ذلك شيئا.
اضافة لذلك غياب الخلفية يجعله أسرع بكثير من جلّ المواقع الديناميكية و يستعمل سرعات نت أقل بكثير ليشتغل. كما انه فرصة لان يبدع الشخص اذ باتقانك للغات تطوير الويب سيمكنك فعل ما تشاء فيه و العديد يجهلون قوة هذه اللغات بسبب غوصهم في الحلول الجاهزة.
و للحق أن العديد من المواقع لا تحتاج لواجهة خلفية و لا قعدة بيانات خاصة المدونات اذ قل ما يتفاعل معها الشخص اكثر من وضع تعليق و بالنسبة لذلك يمكن استعمال ادوات ك Giscus و تحل المسألة مثلما فعلت في مدونتي هذه.
لكن تبقى السلبية الأكبر لهذا الصنف و هي صعوبة تطويره و بطئه سواء من ناحية المجهود المحتاج أو الوقت لذلك كي يسهل الأمر ظهرت مولدات المواقع الثابتة التي توفر لك طريقة لصنع الموقع سهلة مع سمات (Themes) و خصائص كان سيطول انشاءها يدويا و من هذه المولدات نذكر زولا و جيكيلي و هوغو، و الأخير هو الذي سنستعمله اليوم لشهرته و كثرة سماته.
طريقة استعمال هوغو #
لنبدأ مع وصف عام لكيفية اشتغال الأداة. فبعد تثبيتها يمكننا استعمال امر يخصها لتوليد مجلد يحتوي ملفات المشروع الذي ستبني على أساسه موقعنا و جميع مجلداته مثل ملفات الاعدادات او مجلد السمات. بعدها يمكننا اضافة السمة التي اخترناها حتى نعطي لموقعنا شكله. ثم ندخل و نغير الاعدادات على حسب مرادنا. و ننهي بكتابة مقالاتنا و وضعهم في المجلد الخاص بهم. حينها و بأمر واحد سيستعمل هوغو جميع هذه المعلومات و ينشئ لنا موقعنا القابل للنشر و يضعه لنا في مجلد خاص. فان وضعنا محتويات المجلد في موقع يوفر استضافة انهينا العملية و نشر موقعنا. سهلة ☆
مثال لمجلد مشروع بهوغو، تخص مدونتي هذه
كيفية صنع الموقع #
تعلم هوغو #
لو لم يكن لك بعد شريحة نورو لينك تعطي لايلون ماسك حقوق عقلك مقابل تنزيل معلومات مخلوطة باعلانات عصبية، أدعوك لمشاهدة فيديو عن طريقة استعمال الأداة ثم لزيادة التوسع يمكنك العودة لوثائق هوغو الرسمية. و شخصيا أنصح بهذا الفيديو:
و نظرا لأن الحياة مليئة بالعقبات للأسف عليك بعدها أن تقرأ وثائق السمة التي اخترتها حتى تتأكد أنها لا تحتاج لاعدادات خاصة فبعض السمات لها طريقة معينة في تنظيم الملفات عليك أن تعرفها حتى تشتغل لك.
تطوير الموقع محليا #
الان يمكنك صنعه وفقا لما تعلمت و تخصيصه كما تشاء الى جانب كتابة مقالاتك و ترتيبها. و من خصائص هوغو انه يسمح لك بتجربة موقعك في جهازك فأستفد من الميزة. و تذكر ان لا أحد يولد متعلما لكل شيء، حتى ان نسيت كيف تفعل او لم تعرف ليس عيب ان تبحث الى ان تفهم.
من أثناء كتابتي لهذا المقال
رفع الموقع على غيتهاب #
و هناك طريقتان لفعل هذا :
- اما ان تبني موقعك، كما قلنا في طريقة استعمال الأداة، محليا ثم ترفع ملفات الموقع التي صنعها و ترفعها على غيتهاب حتى يستعملها مقدم الاضافة.
- او يمكنك رفع جميع ملفات هوغو و نترك الاستضافة تبنيه و تعرضه بنفسها.
و لكل طريقة خصائصها و استعمالاتها فالأولى اكثر سهولة كونك تعتني بمستودع غيتهاب واحد يحتوي جميع ملفاتك التي تستعملها و الثانية اكثر تعقيدا اذ تحتاج لرفع ملفات هوغو في مستودع و الملفات التي ولّدها في مستودع ثاني.
و الاختيار بينهما يعتمد على المستضيف لموقعك فان كان صفحات الغيتهاب فيلزمك الأخيرة لأن صفحات الغيتهاب تستلزم ان يكون مستودعك عاما و ترك جميع ملفات هوغو خاصتك في مستودع عام سيمكّن أيا كان من نسخها و بالتالي نسخ كل موقعك و التعديل عليه بسهولة لكن لن يقدر ان يعدل شيء على الملفات التي ولّدها هوغو الا بشق الأنفس. في حين ان استعملت أي مستضيف اخر فيمكنك وضع جميع ملفاتك في مستودع خاص و تعطيه وصولا له و يبني لك موقعك بكل امان و سرية.
الرفع على الاستضافة #
و هي اخر خطوة و تبدأ باختيار الموقع المستضيف و تحدد فيه أي مستودع من مستودع غيتهابك ستستخدم و أي مولد مواقع استعملت و في حالتنا هذه عليك أن تحدد هوغو و لا داعي لتغيير أي اعدادات أخرى. هذا في الاستضافات غير الغيتهاب.
و جميع هذه الاستضافات بعد ربطها المستودع اين موقعك ستسحبه تلقائيا فور تعديلك اياه و تنشره لك مع التعديلات.
و هنا أذكر أهم الاستضافات المجانية التي أعرفها مع ايجابياتها و سلبياتها:
- صفحات غيتهاب (github pages) : توفر عليك الحاجة لاستعمال مواقع ثانية كما توجد اعداداتها قريبة في اعدادات مستودع موقعك. مشكلتها أن عنوان موقعك ان لم تعطه عنوان شريته سيأخذ اسم حسابك ملحوقا باسم المستودع مثلا
PurpleHallos/website.github.ioو هذا مزعج ان اردت فتح اكثر من موقع بمواضيع مختلفة الى جانب ما ذكرناه الى الحاجة للتعقيد كي ترفع موقعك. - نيتليفاي (Netlify) : تجده في العديد من الدروس على اليوتيوب و شروحاته كثيرة و غالبا العناوين المجانية التي يوفرها شديدة العشوائية و القبح.
- صفحات كلاود فلير (cloudflare pages): هذه الطريقة التي أفضلها اذ تعطيك عناوين جيدة غالبا و واجهتهم أفضل ما استخدمت علاوة على هذا يوفرون حماية لكل مواقعك.
نصائح و ملاحظات #
- اذا استعملت نظام ويندوز الفرعي للينيكس ستضطر لغلق امر تجربة الموقع و اعادة تشغيله كل ما قمت بتغيير في حين لو اجتغلت في نظام لينيكس كامل ستجد الموقع يحدث نفسه تلقائيا مع كل تغيير.
- اذا لم يظهر موقعك بعد رفعه و ظهرت صفحة بيضاء، انسخ رابط الموقع و ضعه في اعدادات هوغو في الجزء الخاص بها.
- توفر غالب السمات نموذج لموقع بها داخل مجلدها و يمكنك النسخ منه للتعلم منه و استنباط الأفكار.
- بعد صنعك لموقعك احرص أن تنشر عليه و لا تتركه يغبرّ و ينسى اذ لا تدري كم سيفيدك و يدفعك للاجتهاد و بعد استعماله لمدة يمكنك البدء في تعديل السمة نفسها و ربما صناعة سمة خاصة بك. تذكر ان جميع هذه التقنيات حرية و يمكنك تعديلها كما تشاء فانطلق!
الجدل حول التقنيات #
اكثر ما يدفعني لتعلم تقنية جديدة هي المتعة التي أجدها فيها لكن احيانا قد تحصل جدالات لا نهاية لها حول اي تقنية تستعمل و مع انها غالبا للمزاح و قد تتعلم شيء او اثنين من التقنيات العجيبة التي يتكلم عنها محاورك لكن اياك ان كان محاورك سام ان تتركه يؤثر فيك و يشعرك بالخجل من اي تقنية تستعملها و تذكر ان في يدك دوما القرار النهائي. و لا يهم سواء بووردبريس او هوغو او مباشرة بالهتمل المهم ان تستمتع و تستعمله و تستفيد منه و تعيش تجربتك الخاصة.
لا للسلبية!
الخاتمة #
امل ان المقال ارشدكم للطريق و سهل عليكم فهم الطريقة و افادكم. و ان صنعتم موقعكم فشاركوني لأكون من أوائل الزوار و ان عندكم اي استفسار اكتبوه لي في التعليقات و ساجيب عليه او اتكلم عنه في المقال لو يستحق. و في النهاية اتمنى مشاركة الموقع مع أي صديق لكم يريد صنع مدونة مجانية بالكامل و لا يعرف الطريقة و خلونا نملأ النت بالويببه و التقنية✨️