Змініть розмір зображення у вікі 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 взагалі ...
Nicolas Miari

бри та хр не допомагають.
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 Я спробував, здається, це не працює для зовнішнього зображення?
користувач310291

Це працює на сторінках GitHib, використовуючи Jekyll, FYI (я розумію, що це не саме питання щодо ОП)
DavidJ,

0

Це стосується іншого питання, як отримати зображення в gist (на відміну від 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.