Kuinka lisätä sosiaalisen median kuva Github-projekti-arkistoon

Linkkien jakaminen ilman sosiaalista kuvaa voi muuttaa tehokkaan sisällön flopiksi. Kuinka voimme hyödyntää sosiaalisen median tarjoamia kiinteistöjä, kun jaamme kovaa työtämme Githubissa?

Haluatko ohittaa mitä ja miksi? Hyppää "miten"!

Kuvien vaikutus sosiaaliseen mediaan

Mikä tahansa sosiaalisen median syöte on sekoitus sisältöä, jota voi olla vaikea sulattaa kokonaan. Kun pyyhkäiset tai selaat syötteitä, sinut kohdataan tekstipohjaisella sisällöllä ja tonnilla mediaa.

Ja tämä on hyvästä syystä! Mikä erottuu yllä olevaa esimerkkiä skannattaessa? Ei Dust Particle -retweet CodePenistä vasemmalla, mutta keskellä oleva AWS, vasemmassa yläkulmassa koiran nenä ja oikeassa yläkulmassa Al Pacino muiden suurten mediaviestien joukossa.

Kuvat, gifit ja videot ovat hyvä tapa tarjota huomiota herättävää sisältöä. Bonuksena ne vievät tyypillisesti paljon enemmän tilaa syötteessä, mikä tekee siitä vielä todennäköisemmän, että saat mahdollisuuden nähdä se.

Githubin vähimmäismäärä

Kun jaat Github-projektisi sosiaaliseen mediaan, oletusvaihtoehto on melko lempeä. Ota tämä twiitti esimerkkinä:

täytyy tuoda hymiöitä toisesta Slack-työtilasta? älä välitä, nyt on käsikirjoitus! //t.co/cNKihZyCMP

- Colby Fayock (@colbyfayock) 8. helmikuuta 2020

Github antaa meille yksinkertaisen sosiaalisen median kortin, joka koostuu Github-avataristamme, projektimme polusta ja lyhyestä kuvauksesta sivun yläosasta.

Nyt on hienoa, että he jopa osoittavat kortin aluksi ja ollakseen oikeudenmukaisia, mitä he näyttäisivät? Mutta tämä twiitti ohitetaan melko helposti ihmisten syötteissä suurten, kiiltävien kuvien välillä.

Github sosiaalisen median kuvat

Onneksi Github tarjoaa meille mukavan ja helpon tavan lisätä jokaiseen repoon kuva, joka voi auttaa jakamaamme sisältöä toimimaan itselleen hieman enemmän.

Pienellä luovalla työllä voimme ladata kuvan, joka hyödyntää ihmisten syötteissä olevaa tilaa ja saa työsi ansaitsemansa huomion.

Ennen kuin sukelamme sisään, on huomattava, että sinulla on oltava asianmukainen käyttöoikeus, jotta voit muuttaa arkiston asetuksia kuvan vaihtamiseksi. Jos olet luonut takaisinmyynnin, sinulla on mahdollisuus käyttää tätä käyttöoikeutta.

Kuvan etsiminen tai luominen

Ennen kuvan lähettämistä tarvitsemme kuvan. Voit siirtyä yhdellä kahdesta reitistä: löytää kuvan tai luoda uuden.

Jos haluat mennä yksinkertaisella reitillä, voit etsiä ympärilläsi ilmaiseksi käyttää kuvia, jotka on melko helppo löytää verkosta. Minun suosikkini on Unsplash, koska löydät tyypillisesti korkealaatuisia kuvia, mutta on olemassa monia muita, joita voit löytää yksinkertaisella haulla. Valokuvien lisääminen palvelee kuitenkin yleensä paremmin blogiviestejä ja sisältöpohjaisia ​​viestejä.

JAMstack-sivustot ovat nyt raivoissaan, ja hyvästä syystä - ne ovat nopeita, ja niiden rakentaminen on melko helppoa.

Jos haluat oppia lisää, tämä @colbyfayockin artikkeli näyttää sinulle, mikä JAMstack on ja miten sukeltaa sisään. //T.co/7NaiUUsAou

- freeCodeCamp.org (@freeCodeCamp) 19. helmikuuta 2020

Parempi reitti on luoda oma. Kuvan luomisen etuna on, että voit mukauttaa sitä suurella tekstillä saadaksesi ylimääräistä huomiota syötteeseen.

Saatavilla on paljon ilmaisia ​​työkaluja, joiden avulla voit luoda kuvan alkaen sosiaalisen median mallista, joten sinun ei tarvitse käyttää rahaa Photoshopiin päästäksesi sinne.

Ainoa vaatimus kuvallesi on, että sen koon on oltava vähintään 640 × 320 kuvapistettä. Jos mahdollista, yritä vähintään 1280 × 640 kuvapistettä varmistaaksesi, että kuva näkyy suurella tarkkuudella syötteissä.

Kuvan lisääminen Github-repoosi

Kun meillä on kuvamme, jäljellä on vain kuvan lisääminen repoomme, mikä on epäilemättä yksinkertaisempi osa.

Siirry ensin Repon asetuksiin sivun yläosaa kohti olevalla välilehdellä. Muistutuksena sinun on pystyttävä muokkaamaan asetuksia kuvan vaihtamiseksi.

Vieritä seuraavaksi Sosiaalinen esikatselu -kohtaan, jossa, jos kuvaa ei ole asetettu, löydät suuren tyhjän suorakulmion, jossa vasemmassa alakulmassa on muokkauspainike.

Napsauta Muokkaa-painiketta, valitse Lähetä kuva, etsi kuva tietokoneeltasi ja valitse tiedosto.

Kun olet valinnut, kuvatiedostosi ladataan Githubiin ja asetetaan sosiaaliseksi kuvaksi!

Uuden kuvan esikatselu

Kun olet ladannut kuvan, voit siirtyä suosikki sosiaaliseen alustallesi ja kokeilla sitä. Esimerkiksi Twitteriin lähettäminen näyttää nyt mukavan suuren kuvan pienen Github-hahmosi sijaan!

Käännä helposti @reactjs-kartoitussovellus tällä @gatsbyjs -käynnistimellä //t.co/x0YJUuAzvz

- Colby Fayock (@colbyfayock) 20. helmikuuta 2020

Kuten näette, tämä twiitti maksimoi käytettävissä olevan tilan ja saa selvän siitä, mistä projektissa on kyse.

Muutama vinkki kuvien luomiseen

Suuri, yksinkertainen teksti

Voi olla helppoa saada kiinni grafiikan yli suunnitellusta tai kiinnittämättä riittävästi huomiota kirjasinkokoon. Varmista, että käytät isoja kirjaimia helposti luettavalla kirjasimella, joten kun joku vierittää viestiäsi ohi, hän voi ymmärtää sen eikä vain ohittaa sitä.

Lisää logo

Onko sinulla projektisi logo? Vai onko se lisäosa tietylle työkalulle? Yritä lisätä logo, jotta saat heti kontekstin projektista!

Maksimoi tarkkuus

Kukaan ei pidä katsomasta huonolaatuisia kuvia. Hyödynnä kaikkia näitä arvokkaita pikseleitä ja lataa kuva, joka kääntyy korkealaatuiseksi syötteessä. Github suosittelee erityisesti kuvakokoa, joka on vähintään 1280 × 640 kuvapistettä.

Onko muita temppuja maksimoidaksesi jakamisen sosiaalisessa mediassa?

Jaa suosikkivihjeesi kanssani Twitterissä!

Seuraa minua saadaksesi lisää Javascriptiä, UX: ää ja muita mielenkiintoisia asioita!

  • ? Seuraa minua Twitterissä
  • ? ️ Tilaa Youtube
  • ✉️ Rekisteröidy uutiskirjeeseen