المحتويات
🔥 الدافع
أردت كتابة مقالة عن موضوع كنت أبحث عنه و وصلت فيه لاستنتجات لطيفة و أردت أن أوثق ما وصلت إليه و أشاركه فى نفس الوقت, فذهبت لأحاول كتب مقالتى على موقع dev.to أو hashnode . و لكن لم أستطع لأنى كنت أردت كتابة المقالة بالعربية و هذه المواقع تدعم اللغات المكتوبة من اليمن ألى اليسار فقط كالإنجيليزية و غيرها من اللغات المستخدمة للأحرف اللاتينية و أيضا اللغات الاسيوية كاليابانية و الصينية و غيرهم الكثير و ذلك لأنها تعتمد على الماركدون لإنشاء المحتوى
💡 الفكرة
بعد بعض البحث وجدت أن أفضل حل هو مولدات الصفح الثابتة و هى بشكل مبسط عبارة عن إطار عمل يقوم بإنشاء صفحات إنترنت (html, css, js) إعتماداً على مصادر مختلفة من أهمها ملفات الماركدون و تكون الصفح ثابتة لإنها لا تتغير حيث بمجرد بناء الموقع يتم تعيين صفحة لكل مسار من مسارات الموقع و لا تتغير إلا بعمل تعديل فى الكود و إعادة بناء الموقع حيث لا يوجد أى نوع من المنطق البرمجى الذى يتم أثناء خدمة الموقع و عمله
هناك الكثير من أطر العمل المشهورة التى تقوم بهذه الخدمة منها جيكل و هيوجو و لكنى أخترت أسترو و ذلك لأنها إطار عمل جديد و يقدم بعض التقنيات الجديدة كإستراتيجية الجزر التى تتيح لك عمل صفحة بإستخدام ريأكت أو فيو أو أي إطار عمل من أطر عمل الواجهة الأمامية و غيرها من المميزات اللطيفة, كما أن لها مجتمع قوى و متجر ثيمات مجانى و مدفوع و توثيق أكثر من رائع.
قد تتسأل كيف لهذا أن يحل مشكلتى إذا كنت سأظل أكتب مقالاتى بالماركدون الغير داعم للعربية, الأجابة تنقسم لشقين
- الأول أنى سأكتب مقالاتى بالماركدون على أوبسيدين و الذى لديه نسخته الخاصة من الماركدون ذات دعم فوق الرائع للعربية
- الشق الثانى أن الماركدون من خلال أسترو سيتم تحويله إلى html و الذى يعطينى إمكانىة أن أضعه داخل تاجة div و أعيين إتجاه الكتابة لهذه التاجة من اليمين لليسار و أعدل فى ال html بما يناسب إحتياجاتى عموما مثال
<div direction="rtl">
<!-- المحتوى -->
</div>
🏗️ التنفيذ
بحثت فى متجر ثيمات أسترو و وجدت هذا الثيم أسترو بيبر و أعجبنى لعده أسباب
- بساطة التصميم
- صديق لمحركات البحث
- يدعم الإتاحية لذوى الهمم
- يستخدم تايب سكريبت
- تيل ويند لتنسيق الصفحات بواسطة css
- دعم لتلخيص المواقع
- توليد صور شارة . و هذا كل ما يمكن أن أريده فوقع إختيارى عليه
قمت بعمل تفريعة من الثيمة على جيت هاب و أضفت دعم للتوطين\الترجمة و قررت نشرها كثيمة منفصلة على متجر أسترو لأن القائم على الثيمة الأصلية لم يرغب فى إضافة هذه الميزة إلى ثيمته ليحافظ على بساطة الكود و عدم تعقيده و هو أمر مفهوم للغاية. و هذه هى ثيمتى منشورة على متجر أسترو و بذلك إذا أردت أن تصنع أيها القارئ موقعك الخاص الداعم للعربية فيمكنك أستخدام ثيمتى مباشرة
ثم أنشئت تفريعة أخرى من ثيمتى الجديدة لتكون الأساس لموقعى الخاص و نشرته على الأنترنت بواسطة فيرسل