Изменить размер изображения в вики 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.


Ответы:


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/


Спасибо. <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>

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


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.


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
Где находится аспект изменения размера?
Коппор
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.