Πώς να προσθέσετε μια εικόνα κοινωνικών μέσων στο αποθετήριο του έργου σας Github

Η κοινή χρήση συνδέσμων χωρίς κοινωνική εικόνα μπορεί να μετατρέψει το ισχυρό περιεχόμενο σε flop. Πώς μπορούμε να εκμεταλλευτούμε τα μέσα κοινωνικής δικτύωσης που μας προσφέρουν όταν μοιραζόμαστε τη σκληρή δουλειά μας στο Github;

Θέλετε να προχωρήσετε μπροστά από το "τι" και το "γιατί"; Μετάβαση στο "πώς"!

Αντίκτυπος των εικόνων στα κοινωνικά μέσα

Οποιαδήποτε ροή κοινωνικών μέσων είναι ένα πλήθος περιεχομένου που μπορεί να είναι δύσκολο να αφομοιωθεί πλήρως. Καθώς σύρετε ή μετακινηθείτε στις ροές δεδομένων, θα συναντήσετε κάποιο περιεχόμενο που βασίζεται σε κείμενο και έναν τόνο μέσων.

Και αυτό είναι για καλό λόγο! Καθώς σαρώνετε το παραπάνω παράδειγμα, τι ξεχωρίζει; Όχι το retweet Particle Dust από το CodePen στα αριστερά, αλλά το AWS στη μέση, η μύτη του σκύλου πάνω αριστερά και ο Al Pacino στην πάνω δεξιά μεταξύ των άλλων μεγάλων δημοσιεύσεων μέσων.

Οι εικόνες, τα gif και τα βίντεο είναι ένας καλός τρόπος για να παρέχετε εντυπωσιακό περιεχόμενο. Ως μπόνους, συνήθως καταλαμβάνουν πολύ περισσότερο χώρο στη ροή, καθιστώντας ακόμη πιο πιθανό να έχετε την ευκαιρία να το δείτε.

Το γυμνό ελάχιστο στο Github

Κατά την κοινή χρήση των έργων σας Github στα μέσα κοινωνικής δικτύωσης, η προεπιλεγμένη επιλογή είναι αρκετά ήπια. Πάρτε αυτό το tweet ως παράδειγμα:

πρέπει να εισαγάγετε emoji από άλλο χώρο εργασίας Slack; μην ανησυχείτε, υπάρχει τώρα ένα σενάριο! //t.co/cNKihZyCMP

- Colby Fayock (@colbyfayock) 8 Φεβρουαρίου 2020

Το Github μας δίνει μια απλή κάρτα κοινωνικών μέσων που αποτελείται από το είδωλό μας Github, τη διαδρομή του έργου μας και τη σύντομη περιγραφή από την κορυφή της σελίδας.

Τώρα είναι υπέροχο που δείχνουν ακόμη και μια κάρτα για να ξεκινήσουν και να είναι δίκαιοι, τι θα έδειχναν; Αλλά αυτό το tweet πρόκειται να παραλειφθεί πολύ εύκολα στις ροές των ανθρώπων μεταξύ μεγάλων, λαμπερών εικόνων.

Εικόνες κοινωνικών μέσων Github

Ευτυχώς, το Github μας προσφέρει έναν ωραίο και εύκολο τρόπο να προσθέσουμε μια εικόνα σε κάθε repo που μπορεί να βοηθήσει το περιεχόμενο που μοιραζόμαστε να λειτουργεί λίγο περισσότερο.

Με λίγη δημιουργική δουλειά, μπορούμε να ανεβάσουμε μια εικόνα που θα εκμεταλλευτεί το χώρο στις ζωοτροφές των ανθρώπων και θα τραβήξει την προσοχή της εργασίας σας στην εργασία που της αξίζει.

Πριν από την κατάδυση, πρέπει να σημειωθεί ότι πρέπει να έχετε την κατάλληλη πρόσβαση για να μπορείτε να τροποποιήσετε τις ρυθμίσεις του αποθετηρίου για να αλλάξετε την εικόνα. Εάν δημιουργήσατε το repo, είναι πιθανό να έχετε αυτήν την πρόσβαση.

Εύρεση ή δημιουργία εικόνας

Πριν ανεβάσετε μια εικόνα, χρειαζόμαστε πρώτα μια εικόνα. Μπορείτε να ακολουθήσετε μία από τις δύο διαδρομές: εύρεση εικόνας ή δημιουργία νέας.

Εάν θέλετε να ακολουθήσετε την απλή διαδρομή, μπορείτε να κοιτάξετε γύρω δωρεάν για να χρησιμοποιήσετε εικόνες που είναι πολύ εύκολο να βρεθούν στον Ιστό. Ένα αγαπημένο μου είναι το Unsplash, καθώς συνήθως θα βρείτε εικόνες υψηλής ποιότητας, αλλά υπάρχουν πολλά άλλα που μπορείτε να βρείτε με μια απλή αναζήτηση. Ωστόσο, η προσθήκη φωτογραφιών συνήθως εξυπηρετείται καλύτερα για αναρτήσεις ιστολογίου και αναρτήσεις βάσει περιεχομένου.

Οι ιστότοποι του JAMstack είναι όλα οργισμένοι τώρα, και για καλό λόγο - είναι γρήγοροι και είναι πολύ εύκολο να ξεκινήσετε να δημιουργείτε ένα.

Αν θέλετε να μάθετε περισσότερα, αυτό το άρθρο του @colbyfayock θα σας δείξει τι είναι το JAMstack και πώς να κάνετε καταδύσεις. //T.co/7NaiUUsAou

- freeCodeCamp.org (@freeCodeCamp) 19 Φεβρουαρίου 2020

Η καλύτερη διαδρομή είναι να δημιουργήσετε τη δική σας. Το πλεονέκτημα της δημιουργίας μιας εικόνας είναι ότι μπορείτε να την προσαρμόσετε με μεγάλο κείμενο για να τραβήξετε επιπλέον προσοχή στη ροή.

Υπάρχουν πολλά δωρεάν εργαλεία που σας επιτρέπουν να δημιουργήσετε μια εικόνα ξεκινώντας από ένα συγκεκριμένο πρότυπο κοινωνικών μέσων, οπότε δεν χρειάζεται να ξοδέψετε τα χρήματα στο Photoshop για να φτάσετε εκεί.

Η μόνη απαίτηση για την εικόνα σας είναι ότι το μέγεθός της πρέπει να είναι τουλάχιστον 640 × 320 εικονοστοιχεία. Εάν είναι δυνατόν, προσπαθήστε για τουλάχιστον 1280 × 640 εικονοστοιχεία για να βεβαιωθείτε ότι η εικόνα εμφανίζεται σε υψηλή ανάλυση στις ροές.

Προσθήκη εικόνας στο repo του Github

Μόλις αποκτήσουμε την εικόνα μας, απομένουμε να προσθέσουμε την εικόνα στο repo μας, το οποίο είναι αναμφισβήτητα το πιο απλό μέρος.

Πρώτα, μεταβείτε στις Ρυθμίσεις του Repo σας χρησιμοποιώντας την καρτέλα πλοήγηση προς την κορυφή της σελίδας. Ως υπενθύμιση, πρέπει να μπορείτε να τροποποιήσετε τις ρυθμίσεις για να αλλάξετε την εικόνα.

Στη συνέχεια, κάντε κύλιση προς τα κάτω στην ενότητα Κοινωνική προεπισκόπηση, όπου εάν δεν έχετε αυτήν τη στιγμή ένα σύνολο εικόνων, θα βρείτε ένα μεγάλο κενό ορθογώνιο με κουμπί επεξεργασίας στην κάτω αριστερή γωνία.

Κάντε κλικ στο κουμπί Επεξεργασία, επιλέξτε Μεταφόρτωση εικόνας και, στη συνέχεια, βρείτε την εικόνα σας στον υπολογιστή σας και επιλέξτε το αρχείο.

Μόλις επιλεγεί, το αρχείο εικόνας θα μεταφορτωθεί στο Github και θα οριστεί ως κοινωνική εικόνα!

Προεπισκόπηση της νέας σας εικόνας

Όταν ολοκληρώσετε τη μεταφόρτωση της εικόνας σας, μπορείτε να φτάσετε στην αγαπημένη σας κοινωνική πλατφόρμα και να την δοκιμάσετε. Η δημοσίευση στο Twitter για παράδειγμα θα δείξει τώρα μια ωραία μεγάλη εικόνα αντί για το μικρό είδωλό σας Github!

Δημιουργήστε εύκολα μια εφαρμογή αντιστοίχισης @reactjs με αυτό το @gatsbyjs starter //t.co/x0YJUuAzvz

- Colby Fayock (@colbyfayock) 20 Φεβρουαρίου 2020

Όπως μπορείτε να δείτε, αυτό το tweet μεγιστοποιεί τον διαθέσιμο χώρο και διατυπώνει το θέμα σχετικά με το έργο.

Μερικές συμβουλές κατά τη δημιουργία εικόνων

Μεγάλο, απλό κείμενο

Μπορεί να είναι εύκολο να πιάσετε τον υπερβολικό σχεδιασμό ενός γραφικού ή να μην δίνετε αρκετή προσοχή στο μέγεθος της γραμματοσειράς. Βεβαιωθείτε ότι χρησιμοποιείτε μεγάλα γράμματα με γραμματοσειρά που είναι ευανάγνωστη, οπότε όταν κάποιος κάνει κύλιση πέρα ​​από την ανάρτησή σας, μπορεί να την καταλάβει και όχι να την παραλείψει.

Προσθέστε ένα λογότυπο

Έχετε ένα λογότυπο για το έργο σας; Ή είναι ένα πρόσθετο για ένα συγκεκριμένο εργαλείο; Δοκιμάστε να προσθέσετε ένα λογότυπο για να δώσετε αμέσως περιεχόμενο σχετικά με το έργο!

Μεγιστοποιήστε την ανάλυση

Σε κανέναν δεν αρέσει να βλέπει εικόνες κακής ποιότητας. Επωφεληθείτε από όλα αυτά τα πολύτιμα εικονοστοιχεία και ανεβάστε μια εικόνα που θα μεταφράζεται σε υψηλή ποιότητα σε μια ροή. Το Github συνιστά ιδιαίτερα μέγεθος εικόνας τουλάχιστον 1280 × 640 εικονοστοιχεία.

Έχετε άλλα κόλπα για να μεγιστοποιήσετε την κοινή χρήση στο κοινωνικό;

Μοιραστείτε τις αγαπημένες σας συμβουλές μαζί μου στο Twitter!

Ακολουθήστε με για περισσότερα Javascript, UX και άλλα ενδιαφέροντα πράγματα!

  • ; Ακολούθησέ με στο τουίτερ
  • ; ️ Εγγραφείτε στο Youtube μου
  • ✉️ Εγγραφείτε στο Newsletter μου