Zmień rozmiar obrazu na wiki GitHub przy użyciu Markdown

255

Piszę stronę wiki na GitHub i używam Markdown.

Mój problem polega na tym, że umieszczam duży obraz (ten obraz znajduje się we własnym repozytorium) i potrzebuję zmienić jego rozmiar.

Próbowałem różnych rozwiązań, ale one nie działają:

![image](http://url.to/image.png "Title" {width=40px height=400px})

![image](http://url.to/image.png = 250x250)

![image](http://url.to/image.png = 250x)

[[http://url.to/image.png = 250x]]

Czy istnieje sposób, aby to zdobyć?

Najlepiej jest bez HTML.

html github markdown wiki fhuertas
źródło
1
Możliwy duplikat Jak zmienić rozmiar obrazu Markdown?
Francisco Puga

Odpowiedzi:

373

Zaktualizowano:

Kod (zewnętrzny / wewnętrzny):

![test](https://github.com/favicon.ico)

Kod (wewnętrzny / zewnętrzny do zmiany rozmiaru ):

<img src="https://github.com/favicon.ico" width="48">

Przykład:

test

Stara odpowiedź:

To powinno działać:

[[ http://url.to/image.png | wysokość = 100 pikseli]]

Źródło: https://guides.github.com/features/mastering-markdown/

alciregi
źródło
Dzięki. <img src="..." width="48">działa w plikach README dla zdjęć przesłanych do GitHub.
Sam Dutton,
@SamDutton: Wydaje się, że działa dobrze również w przypadku obrazów hostowanych gdzie indziej.
Jonik
1
Przetestuj to dzisiaj. Github nie rozpoznaje składni [] (.. = 400) lub [] (... = 400px), więc jeśli muszę zmienić rozmiar obrazu, muszę użyć składni <img />.
spikeyang,
1
Przekreślona odpowiedź działa, jeśli obraz zostanie dodany do samej wiki.
Eduardo
2
To, co powiedział @Eduardo ... „Stara odpowiedź”, którą przekreśliłeś, jest tym, do czego szperałem w Internecie - nadal działa świetnie na względnych ścieżkach (zasoby w wiki). Dodatkowo musiałem dodać jeden lub dwa obrazy wewnątrz tabeli. Znak potoku wywoływał u mnie smutek z powodu typowego formatowania tabeli w przecenianiu. Uciekając rurę wewnątrz komórki tabeli jest nadal ważna: [[ http://url.to/img.png \| height=48px]].
DanMad
57

Na GitHub możesz używać HTML bezpośrednio zamiast Markdown:

<a href="url"><img src="http://url.to/image.png" align="left" height="48" width="48" ></a>

To powinno wystarczyć.

Fritzip
źródło
10
Dzięki za rozwiązanie, czy jest to możliwe bez kodu HTML?
fhuertas
1
Pamiętaj tylko, że możesz wykluczyć opcję, widthaby mogła automatycznie skalować szerokość na podstawie wysokości.
Jestem żabim smokiem
2
Nie tylko na Github; Wierzę, że wbudowany HTML jest ogólnie dozwolony w Markdown ...
Nicolas Miari
br i hr nie pomagają.
JoshYates1980
2

Prawie 5 lat po tym, jak działa tylko bezpośrednie formatowanie HTML dla obrazów w GitHub, a inne opcje przeceny wciąż uniemożliwiają ładowanie obrazów przy określaniu niektórych niestandardowych rozmiarów, nawet przy niewłaściwych wymiarach. Wolę określić żądaną szerokość i automatycznie wyliczyć wysokość, na przykład

<img src="https://github.com/your_image.png" alt="Your image title" width="250"/>
Rozwiń fragment kodu

Kate Orłowa
źródło
2

Użyłem metod opisanych powyżej. Teraz używam metody, która jest dla mnie podobna, ale dla mnie prostsza.

  1. Najpierw utwórz plik README.md w swoim projekcie.
  2. Następnie prześlij zrzuty ekranu lub dowolne obrazy opisu potrzebne do głównego katalogu projektu.
  3. Po przesłaniu obrazu Zasoby używaj html, aby bezpośrednio odwołać się do tych zasobów, bez użycia linku jak poniżej

Lubię to:

<img src="icon.jpg" width="324" height="324">

<p align="center">
  <img src="screen1.png" width="256" height="455">
  <img src="screen2.png" width="256" height="455">
  <img src="screen3.png" width="256" height="455">
</p>

W powyższym przykładzie użyłem akapitu, aby wyrównać obrazy obok siebie. Jeśli zamierzasz użyć pojedynczego obrazu, użyj kodu jak poniżej

<img src="icon.jpg" width="324" height="324">

Miłego dnia!

Seymur Mammadli
źródło
0

Strony GitHub używają teraz kramdown jako silnika markdown, dzięki czemu można użyć następującej składni:

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

http://kramdown.gettalong.org/syntax.html#images

Jednak nie przetestowałem tego na wiki GitHub.

nicobo
źródło
1
@nicobo Próbowałem wydaje się, że nie działa dla obrazu zewnętrznego?
user310291,
Działa to na stronach GitHib przy użyciu Jekyll, FYI (zdaję sobie sprawę, że to nie jest dokładnie pytanie OP)
DavidJ
0

Odnosi się to do innego pytania, w jaki sposób uzyskać obrazy w gist (w przeciwieństwie do github) po pierwsze?

W grudniu 2015 roku wydaje się, że tylko linki do plików na github.comlub cloud.githubusercontent.comlub podobnych prac. Kroki, które działały dla mnie w skrócie:

  1. Zrób coś, powiedz Mygist.md(i opcjonalnie więcej plików)
  2. Przejdź do pola „Napisz komentarz” na końcu
  3. Kliknij „Załącz pliki ... wybierając je”; wybierz lokalny plik obrazu
  4. GitHub wyświetla długi, długi ciąg znaków, na którym umieszcza obraz, np. [Khan-lasso-squared] ( https://cloud.githubusercontent.com/assets/1280390/12011119/596fdca4-acc2-11e5-84d0-4878164e04bb.png )
  5. Wytnij to ręcznie do swojego Mygist.md.

Ale: ludzie GitHub mogą zmienić to zachowanie jutro, bez udokumentowania go.

denis
źródło
7
Gdzie jest aspekt zmiany rozmiaru?
koppor