Изменить размер изображения в вики GitHub с помощью Markdown

255

Я пишу вики-страницу на GitHub и использую Markdown.

Моя проблема в том, что я помещаю большое изображение (это изображение в своем собственном репозитории), и мне нужно изменить его размер.

Я пробовал разные решения, но они не работают:

![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]]

Есть ли способ получить это?

Это предпочтительно без HTML.

html github markdown wiki fhuertas
источник
1
Возможный дубликат Как изменить размер изображения Markdown?
Франциско Пуга

Ответы:

373

Обновлено:

Код (внешний / внутренний):

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

Код (внутренний / внешний для определения размеров ):

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

Пример:

тест

Старый ответ:

Это должно работать:

[[ http://url.to/image.png | высота = 100 пикселей]]

Источник: https://guides.github.com/features/mastering-markdown/

alciregi
источник
Спасибо. <img src="..." width="48">работает в README для изображений, загруженных на GitHub.
Сэм Даттон
@SamDutton: Кажется, он отлично работает и для изображений, размещенных в других местах.
Джоник
1
Проверьте это сегодня. Github не распознает синтаксис [] (.. = 400) или [] (... = 400px), поэтому, если мне нужно изменить размер изображения, я должен использовать синтаксис <img />.
spikeyang
1
Вычеркнутый ответ работает, если изображение добавлено в саму вики.
Эдуардо,
2
То, что сказал @Eduardo ... «Старый ответ», который вы вычеркнули, - это то, что я искал в Интернете - все еще отлично работает для относительных путей (ресурсов внутри вики). Кроме того, мне пришлось добавить одно или два изображения внутри таблицы. Несчастный персонаж доставлял мне горе из-за типичного форматирования таблицы в уценке. Экранирование трубы внутри ячейки таблицы остается в силе: [[ http://url.to/img.png \| height=48px]].
DanMad
57

На GitHub вы можете использовать HTML напрямую вместо Markdown:

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

Это должно сделать это.

Fritzip
источник
10
Спасибо за решение, это возможно без HTML-кода?
fhuertas
1
Просто хочу отметить, что вы можете исключить, widthчтобы он мог масштабировать ширину на основе высоты автоматически.
Я лягушачий дракон
2
Не только на Github; Я полагаю, что встроенный HTML разрешен в Markdown вообще ...
Николас Миари
br и hr не помогают.
JoshYates1980
2

Спустя почти 5 лет после того, как работает только прямое форматирование HTML для изображений в GitHub, другие параметры уценки по-прежнему не позволяют загружать изображения при указании некоторых пользовательских размеров даже с неправильными размерами. Я предпочитаю указывать желаемую ширину и вычислять высоту автоматически, например,

<img src="https://github.com/your_image.png" alt="Your image title" width="250"/>
Развернуть фрагмент

Катя Орлова
источник
2

Я использовал методы, описанные выше. Сейчас я использую метод, который похож на мой, но более простой для меня.

  1. Сначала создайте файл README.md для вашего проекта.
  2. Затем загрузите снимки экрана или другие изображения описания, необходимые для главного каталога вашего проекта.
  3. После загрузки изображения Активы используйте HTML, чтобы ссылаться на эти активы напрямую, не используя ссылку, как показано ниже

Как это:

<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>

В приведенном выше примере я использовал абзац для выравнивания изображений рядом. Если вы собираетесь использовать одно изображение, просто используйте код, как показано ниже

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

Хорошего дня!

Сеймур Мамедли
источник
0

GitHub Pages теперь использует kramdown в качестве движка уценки, поэтому вы можете использовать следующий синтаксис:

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

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

Я не проверял это на вики-сайте GitHub.

nicobo
источник
1
@nicobo Я пробовал, кажется, это не работает для внешнего изображения?
user310291
Это работает на страницах GitHib с использованием Jekyll, FYI (я понимаю, что это не совсем вопрос OP)
DavidJ
0

Это решает другой вопрос, как получить изображения в уценке (в отличие от github)?

В декабре 2015 года, кажется , что только ссылки на файлы на github.comили cloud.githubusercontent.comили подобные работы. Шаги, которые работали для меня в сущности:

  1. Скажите, скажем Mygist.md(и, возможно, больше файлов)
  2. Перейти в поле «Написать комментарий» в конце
  3. Нажмите «Прикрепить файлы ... выбрав их»; выберите свой локальный файл изображения
  4. GitHub отображает длинную строку, в которую помещается изображение, например! [Khan-lasso-squared] ( https://cloud.githubusercontent.com/assets/1280390/12011119/596fdca4-acc2-11e5-84d0-4878164e04bb.png )
  5. Вырежьте это вручную Mygist.md.

Но: GitHub люди могут изменить это поведение завтра, не документируя его.

Денис
источник
7
Где находится аспект изменения размера?
Коппор