برنامج لإنشاء صورة مصغرة لمقالات أسس!

لقد مرة وقتٌ طويل :sweat_smile:

المقدمة

في احد الايام هذا الشهر كنت اتصفح محدثات المجتمع على التلجرام وكان امامي هذه الرسالة:

رسالة عادية تبلغ الاعضاء بمقال جديد للأخ تركي لمقاله الجديد بعنوان "خط اليمامة: جيل جديد من خطوط النسخ للشاشات والإعلان"](خط اليمامة: جيل جديد من خطوط النسخ للشاشات والإعلان). الشيء الملفت بالنسبة إلي هو الصورة المصغرة لهوية المجتمع الجديد رايتها فقط تعبر عن الهوية الجديدة ولا تعبر عن المقال. لذا قمت بالبحث عن امكانية تقليد الصورة المصغرة لموقع جيتهوب (github) لان هو لديه صورة يولدها عندما تضع رابطًا لمستودعة تحمل عنوان المستودعة وصورة الناشر وغيرها من المعلومات. وخلص بحثي إلى انه من الممكن توليد صور مصغرة مثل هذه:


التقنيات المستخدمة

لقد استخدمت HTML و CSS لنتسيق الشكل البطاقة ولغة بايثون كجوهر لترتيب وتكوين نصوص HTML و CSS
واستخدمت مكتبة playwright لتحويل ملف HTML إلى صورة كما هو في الأعلى.

ولقد استخدمت خط اليمامة ليكون الخط الرئيسي للبطاقة.

وايضا قمت بكتابة برنامج بسيط يقوم باستخراج البيانات الاساسية من اسس لتقديم بيانات حقيقية لتوليدها.

وايضا برنامج بسيط يقوم بتحميل الصور من خلال بروتوكول tcp/ip لكي يكون استدعاء الكروت اسهل(في حالة السيرفرات فقط). وغيرها …

مستودع المشروع على جيتهوب

آمل أن يكون هذا المشروع الجمالي البسيط يضيف شيءً للمجتمع ويسعدني أن تقدموا لي الاقتراحات لتطوير تصميم الكرت وربما ايضًا تطوير الكود :slight_smile:
وشكرًا للإخوة الذين قدموا لي الاقتراحات سرًا :sparkles:أخاف اذكر اسم وانسى اسم :):sparkles:

3 إعجابات

جميل, المشكلة فقط ان الخط لا يطابق تصميم أسس فعليا.
يمكننا فعليا استخدامه هذا في اتمته مواقع التواصل, لكن سنحتاج الى مكان لنخزن فيه الصور لتستخدمها مواقع التواصل, اذ بعضها يسمح بتخصيص الopengraph image

المشكلة ان هذا لن يغير ال opengraph image من discourse نفسه, صورة أسس هذه هي الخيار الافتراضي اذا لم يكن المقال فيه صورة

إعجاب واحد (1)

سأجد طريقة لإضافتها من خلال منصة discourse بطريقة آلية. بس عطيني رابط للمستودعه عشان ابحث عن طريقة. اما الخط هذه سهلة عطيني رابط تحميل الخط وراح اضيف طريقة لاختيار الخط المستخدم بجانب خط اليمامة.