كيفية إضافة صورة وسائط اجتماعية إلى مستودع مشروع Github الخاص بك

يمكن أن تؤدي مشاركة الروابط بدون صورة اجتماعية إلى تحويل المحتوى القوي إلى فشل. كيف يمكننا الاستفادة من وسائل التواصل الاجتماعي العقارية التي تقدمها لنا عند مشاركة عملنا الشاق على جيثب؟

تريد تخطي قبل "ماذا" و "لماذا"؟ القفز إلى "كيف"!

تأثير الصور في وسائل التواصل الاجتماعي

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

وهذا لسبب وجيه! أثناء مسح المثال أعلاه ، ما الذي يبرز؟ ليس Dust Particle يعاد تغريده من CodePen على اليسار ، ولكن AWS في المنتصف ، وأنف الكلب في أعلى اليسار ، و Al Pacino في أعلى اليمين من بين منشورات الوسائط الكبيرة الأخرى.

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

الحد الأدنى على جيثب

عند مشاركة مشاريع Github الخاصة بك على وسائل التواصل الاجتماعي ، يكون الخيار الافتراضي لطيفًا جدًا. خذ هذه التغريدة كمثال:

هل تحتاج إلى استيراد رموز تعبيرية من مساحة عمل أخرى على Slack؟ لا تأكل ، هناك الآن سيناريو! //t.co/cNKihZyCMP

- كولبي فايوك (colbyfayock) 8 فبراير 2020

يمنحنا Github بطاقة وسائط اجتماعية بسيطة تتكون من Github avatar ومسار مشروعنا والوصف المختصر من أعلى الصفحة.

الآن من الرائع أن يظهروا بطاقة في البداية ولكي نكون منصفين ، ما الذي سيظهرونه؟ لكن سيتم تخطي هذه التغريدة بسهولة في خلاصات الأشخاص بين الصور الكبيرة اللامعة.

صور جيثب لوسائل التواصل الاجتماعي

لحسن الحظ ، يوفر لنا Github طريقة لطيفة وسهلة لإضافة صورة إلى كل ريبو يمكن أن تساعد المحتوى الذي نشاركه في العمل لنفسه أكثر من ذلك بقليل.

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

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

إيجاد أو إنشاء صورة

قبل أن نحمل صورة ، نحتاج إلى صورة في المقام الأول. يمكنك الذهاب بأحد طريقتين: البحث عن صورة أو إنشاء واحدة جديدة.

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

أصبحت مواقع JAMstack منتشرة في الوقت الحالي ، ولسبب وجيه - فهي سريعة ، ومن السهل جدًا البدء في إنشاء موقع.

إذا كنت تريد معرفة المزيد ، فستعرض لك هذه المقالة التي كتبهاcolbyfayock ما هو JAMstack وكيفية الغوص فيه. //t.co/7NaiUUsAou

- freeCodeCamp.org (freeCodeCamp) 19 فبراير 2020

أفضل طريق هو إنشاء طريقك الخاص. ميزة إنشاء صورة هي أنه يمكنك تخصيصها بنص كبير لجذب المزيد من الاهتمام في الخلاصة.

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

الشرط الوحيد لصورتك هو أن يكون حجمها 640 × 320 بكسل على الأقل. إذا أمكن ، جاهد للحصول على 1280 × 640 بكسل على الأقل للتأكد من أن الصورة تظهر بدقة عالية في الخلاصات.

إضافة صورة إلى Github repo الخاص بك

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

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

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

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

بمجرد تحديده ، سيتم تحميل ملف صورتك على Github وتعيينه كصورتك الاجتماعية!

معاينة صورتك الجديدة

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

قم بتدوير تطبيقreactjs لرسم الخرائط بسهولة باستخدام هذا المبدئgatsbyjs //t.co/x0YJUuAzvz

- كولبي فايوك (colbyfayock) 20 فبراير 2020

كما ترى ، تعمل هذه التغريدة على زيادة المساحة المتاحة وإيصال النقطة إلى ما يدور حوله المشروع.

بعض النصائح عند إنشاء الصور

نص كبير وبسيط

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

أضف شعارًا

هل لديك شعار لمشروعك؟ أم أنه مكون إضافي لأداة معينة؟ حاول إضافة شعار لإعطاء سياق على الفور حول موضوع المشروع!

تعظيم الدقة

لا أحد يحب النظر إلى الصور ذات الجودة الرديئة. استفد من كل تلك البكسلات الثمينة وحمِّل صورة تترجم إلى جودة عالية في الخلاصة. يوصي Github بشكل خاص بحجم صورة لا يقل عن 1280 × 640 بكسل.

هل لديك أي حيل أخرى لزيادة المشاركة على الشبكات الاجتماعية؟

شارك بنصائحك المفضلة على تويتر!

تابعني لمزيد من Javascript و UX وأشياء أخرى مثيرة للاهتمام!

  • ؟ تابعني على تويتر
  • ؟ ️ اشترك في My Youtube
  • ✉️ اشترك في رسالتي الإخبارية