Hosting slika za Markdown: slike za GitHub README, dokumentaciju i beleške

Autor: Product Team

Otpremite snimak ekrana, dijagram ili GIF. Dobijate Markdown spreman za lepljenje u README, wiki ili vaše beleške - besplatno, bez registracije, a link ne ističe.

Otpremi sliku

★ Ocena 4.4/5 na osnovu 137 ocena korisnika

Markdown prikazuje sliku preko linka: ![alt text](image link). Slika mora da se nalazi negde na internetu. YourImageShare je besplatno hostuje i daje vam Markdown liniju spremnu za lepljenje, za GitHub, GitLab, Obsidian, sajtove sa dokumentacijom ili bilo koji drugi Markdown fajl.

Markdown kod za sliku

  1. Otpremite sliku. Pritisnite Otpremi sliku ili na računaru nalepite snimak ekrana direktno iz privremene memorije pomoću Ctrl+V.
  2. Otvorite karticu Markdown kada se otpremanje završi i kopirajte kod.
  3. Nalepite ga u svoj fajl.

Kartica Markdown daje sliku na koju može da se klikne i koja otvara sliku u punoj veličini:

[![AbC123xYz0](https://yourimageshare.com/ib/AbC123xYz0.png)](https://yourimageshare.com/ib/AbC123xYz0)

Za običnu sliku bez linka zadržite samo unutrašnji deo i upišite pravi alternativni tekst:

![Settings screen](https://yourimageshare.com/ib/AbC123xYz0.png)

Slike u GitHub README-u, issue-ima i wiki stranicama

GitHub prikazuje spoljne slike u README fajlovima, issue-ima, pull request-ovima, diskusijama i wiki stranicama. Nalepite Markdown kod i slika se pojavljuje kada se stranica prikaže.

  • Podesite veličinu pomoću HTML oznake, koju GitHub dozvoljava u Markdown-u: <img src="https://yourimageshare.com/ib/AbC123xYz0.png" width="400" alt="Screenshot">
  • Demo GIF-ovi se i dalje reprodukuju u README-u - pogledajte hosting GIF-ova ili pretvorite snimak ekrana u GIF pomoću alata za pretvaranje videa u GIF.
  • Alternativni tekst opisuje sliku čitačima ekrana i prikazuje se ako slika ne može da se učita.

Obsidian, Notion i sajtovi sa dokumentacijom

  • Obsidian, Typora, VS Code pregled i drugi Markdown editori prikazuju sliku preko linka, pa vaše beleške ostaju male, a slika radi na svakom uređaju.
  • Notion: ukucajte /image, izaberite Embed link i nalepite direktni link (kartica Direct).
  • Sajtovi sa dokumentacijom napravljeni pomoću MkDocs, Docusaurus, Jekyll, Hugo ili GitBook alata prikazuju istu Markdown sintaksu za slike.

Zašto slike držati van repozitorijuma

  • Manji repozitorijumi. Snimci ekrana i GIF-ovi dodaju megabajte svakom kloniranju, zauvek, čak i nakon što ih zamenite. Slika sa hostinga se učitava tek kada neko pogleda stranicu.
  • Linkovi ne ističu. Slike se čuvaju dok ih ne obrišete.
  • Nije potreban nalog i nema ničega za podešavanje. Za skripte i CI postoji besplatan API za otpremanje.
  • Puna rezolucija i bez vodenog žiga. EXIF podaci, uključujući lokaciju, uklanjaju se pre nego što se slika sačuva.

Česta pitanja

Kako da dodam sliku u Markdown fajl?
Otpremite sliku, kopirajte Markdown kod sa kartice Markdown i nalepite ga u fajl. Markdown prikazuje sliku pomoću ![alt text](image link).
Mogu li ove slike da koristim u GitHub README-u?
Da. GitHub prikazuje spoljne slike u README fajlovima, issue-ima, pull request-ovima i wiki stranicama. Nalepite Markdown kod i slika se pojavljuje kada se fajl prikaže.
Kako da podesim veličinu slike u README-u?
Običan Markdown nema opciju za veličinu. Na GitHub-u koristite HTML oznaku za sliku sa širinom, na primer <img src="image link" width="400" alt="Screenshot">.
Zašto slike za README držati van repozitorijuma?
Snimci ekrana i demo GIF-ovi dodaju megabajte svakom kloniranju repozitorijuma. Slika sa hostinga se učitava tek kada neko pogleda README.
Da li linkovi do slika ističu?
Ne. Slike se čuvaju dok ih vi ne obrišete, pa linkovi u dokumentaciji nastavljaju da rade.

Još primena

Spremni da dodate svoju sliku?