Як відображати зображення у файлах Markdown на Github?


82

Я хочу відобразити декілька зображень у файлі Markdown на Github. Я виявив, що це працює так:

![Figure 1-1](https://raw.github.com/username/repo/master/images/figure 1-1.png "Figure 1-1")

Але мені потрібно співпрацювати з іншими, тому я не хочу, щоб ім’я користувача та ім’я репо були жорстко закодовані.

Я намагався використовувати це:

![Figure 1-1](images/figure 1-1.png "Figure 1-1")

Він працює на моєму локальному диску, але не працює на Github.

Хтось знає про це питання?

Відповіді:


139

Відповідь я знайшов сам.

Просто додайте ? Raw = true до URL-адреси зображення, що зробить фокус:

![](images/table 1-1.png?raw=true)

2
Це працює для мене під час перегляду файлів Markdown безпосередньо на GitHub, але не для файлу README.markdown, що відображається на головній сторінці проекту.
jmohr

@jmohr Я думаю, що файли README на головній сторінці слід розглядати як виняток.
WoooHaaaa

Це працювало над файлом README на головній сторінці для мене.
Mike Grace

1
Github все ще не дозволяє SVG навіть з raw. stackoverflow.com/questions/13808020/…
Yeo

20

У мене просто була та сама проблема, і виявилося, що це спричинено пробілом у URL-адресі. Вручну URL-адресу, що кодує простір, як %20це виправлено.

Отже, на вашому прикладі я змінив:

![](images/table 1-1.png)

до:

![](images/table%201-1.png)

Редагувати: Я запитав github про це, і це очікувана поведінка з тих пір, як вони перейшли на нову специфікацію для відтворення Markdown. Специфікація явно забороняє пробіли в URI, оскільки пробіл тепер використовується для відокремлення URI від необов’язкового заголовка зображення. Відповідна частина специфікації знаходиться тут:

https://github.github.com/gfm/#example-471 - Пункт призначення не може містити пробіли або розриви рядків, навіть якщо вони заключені в гострі дужки

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.