Markdown hosting slika: slike za GitHub README, dokumentaciju i bilješke

Autor: Product Team

Učitajte snimku zaslona, dijagram ili GIF. Dobijete Markdown spreman za lijepljenje u README, wiki ili bilješke - besplatno, bez registracije, a poveznica ne istječe.

Učitaj sliku

★ Ocjena 4.4/5 na temelju 137 korisničkih ocjena

Markdown prikazuje sliku s poveznice: ![alt text](image link). Slika mora biti negdje na webu. YourImageShare je besplatno hostira i daje vam Markdown redak spreman za lijepljenje, za GitHub, GitLab, Obsidian, stranice s dokumentacijom ili bilo koju drugu Markdown datoteku.

Markdown za sliku

  1. Učitajte sliku. Pritisnite Učitaj sliku ili na računalu zalijepite snimku zaslona izravno iz međuspremnika pomoću Ctrl+V.
  2. Otvorite karticu Markdown kad se prijenos završi i kopirajte kod.
  3. Zalijepite ga u svoju datoteku.

Kartica Markdown daje sliku na koju se može kliknuti 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 poveznice zadržite samo unutarnji dio i napišite pravi alternativni tekst:

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

Slike u GitHub README-u, issueima i wikijima

GitHub prikazuje vanjske slike u README datotekama, issueima, pull requestovima, raspravama i wikijima. Zalijepite Markdown kod i slika će se pojaviti kad se stranica prikaže.

  • Postavite veličinu HTML oznakom, koju GitHub dopušta u Markdownu: <img src="https://yourimageshare.com/ib/AbC123xYz0.png" width="400" alt="Screenshot">
  • Demo GIF-ovi se u README-u i dalje reproduciraju - pogledajte hosting GIF-ova ili pretvorite video snimku zaslona u GIF pomoću pretvarača videa u GIF.
  • Alternativni tekst opisuje sliku čitačima zaslona i prikazuje se ako se slika ne može učitati.

Obsidian, Notion i stranice s dokumentacijom

  • Obsidian, Typora, pregled u VS Codeu i drugi Markdown uređivači prikazuju sliku s poveznice, pa vaše bilješke ostaju male, a slika radi na svakom uređaju.
  • Notion: upišite /image, odaberite Embed link i zalijepite izravnu poveznicu (kartica Direct).
  • Stranice s dokumentacijom izrađene pomoću MkDocsa, Docusaurusa, Jekylla, Huga ili GitBooka prikazuju istu sintaksu Markdown slika.

Zašto slike hostati izvan repozitorija

  • Manji repozitoriji. Snimke zaslona i GIF-ovi dodaju megabajte svakom kloniranju, zauvijek, čak i nakon što ih zamijenite. Slika na hostingu učitava se samo kad netko pogleda stranicu.
  • Poveznice ne istječu. Slike se čuvaju dok ih ne izbrišete.
  • Bez registracije i bez ikakvih postavki. Za skripte i CI postoji besplatan API za prijenos.
  • Puna razlučivost i bez vodenog žiga. EXIF podaci, uključujući lokaciju, uklanjaju se prije spremanja slike.

Često postavljana pitanja

Kako dodati sliku u Markdown datoteku?
Učitajte sliku, kopirajte Markdown kod s kartice Markdown i zalijepite ga u datoteku. Markdown prikazuje sliku pomoću ![alt text](image link).
Mogu li ove slike koristiti u GitHub README-u?
Da. GitHub prikazuje vanjske slike u README datotekama, issueima, pull requestovima i wikijima. Zalijepite Markdown kod i slika će se pojaviti kad se datoteka prikaže.
Kako postaviti veličinu slike u README-u?
Običan Markdown nema opciju za veličinu. Na GitHubu upotrijebite HTML oznaku za sliku sa širinom, na primjer <img src="image link" width="400" alt="Screenshot">.
Zašto slike za README hostati izvan repozitorija?
Snimke zaslona i demo GIF-ovi dodaju megabajte svakom kloniranju repozitorija. Slika na hostingu učitava se samo kad netko pogleda README.
Isteku li poveznice slika?
Ne. Slike se čuvaju dok ih ne izbrišete, pa poveznice u dokumentaciji i dalje rade.

Više primjena

Spremni dodati svoju sliku?