Можно ли сделать относительную ссылку на изображение в файле уценки в сущности?


98

У меня есть суть, которая содержит файл разметки и изображение.

Есть ли способ сделать относительную ссылку на это изображение? Что-то вроде ![My image](image.png)вместо![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

Вот пример

Ответы:


168

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

![Kiku](images/Kiku.jpg)

Вот пример:

https://github.com/mark-anders/relative-image-url


Благодарность! Я был разочарован попыткой использовать локальные изображения, но это сработало!
Вс,

Моя ошибка была имеющее место между ]и(
незаурядным

1
По крайней мере, для Github я только что обнаружил, что у вас не может быть пробелов в именах файлов или GitHub не может распознавать локальные изображения (хотя я не уверен, что добавление кавычек решит эту проблему)
Xiaoyong Zhu

5
Это может работать в обычных репозиториях Github, но не в Gists ( gist.github.com ).
Бени Чернявский-Паскин

1
Если в относительном пути к изображению, которое вы пытаетесь связать, есть специальные символы, убедитесь, что оно закодировано по URL-адресу.
felixperreault

3

Согласно http://blog.rodneyrehm.de/archives/35-Including-Data-From-Github.html , проблема с использованием https: //gist.github.com/user/605560c2961cb3025038/raw/b75d2 ... 6e8 / img.png

заключается в том, что b75d2...6e8часть зависит от файла (быстрое экспериментирование подтверждает, что это идентификатор git blob). Однако вы можете отбросить эту часть, что приведет к URL-адресу, указывающему на последнюю версию:

https://gist.github.com/user/605560c2961cb3025038/raw/img.png

или взять рабочий пример:

https://gist.githubusercontent.com/cben/46d9536baacb7c5d196c/raw/dodgetocat_v2.png

Относительный путь?

Это также работает как относительный путь raw/dodgetocat_v2.png!
Однако (по состоянию на конец 2017 года) github может отображать ту же самую суть из двух URL-адресов:

[ОБНОВЛЕНО в декабре 2017 года. Предыдущие проблемы с необработанными файлами служили Content-Type: application/octet-streamи переписывали srcатрибуты изображений, чтобы их camo.githubusercontent.comбольше не было, по крайней мере, для изображений из той же сущности.]

Увы, мы не можем просто использовать первый URL и доверять ему всегда работать.

  • В настоящее время ни одна форма не возвращает перенаправление и не обслуживает ссылку rel = canonical. Я бы не стал ставить на Github, что это никогда не изменит!
  • Все внутренние ссылки (например, со страницы пользователя https://gist.github.com/cben/ ) опускают косую черту в конце :-(
  • Списки в результатах поиска Google опускают косую черту в конце :-(

(Вы можете использовать относительный путь, 46d9536baacb7c5d196c/raw/dodgetocat_v2.pngкоторый будет работать только без косой черты в конце, но это тоже сомнительная идея, и она того не стоит - не более гибкая, чем полный URL.)

Через прокси?

И то и другое можно обойти с помощью прокси, фиксирующего Content-Type, например Rawgit или Bl.ocks.org (не Github, не злоупотребляйте ими). К сожалению, Rawgit не отображает Markdown, а обслуживает файлы как есть, а Bl.ocks.org отображает уценку, но структура URL такова, что относительные ссылки не работают. Это означает, что вы можете ссылаться на полный внешний URL в Markdown или на относительный в HTML :-(

См. Https://gist.github.com/cben/46d9536baacb7c5d196c/, разветвляющий вашу суть, и его index.html, просматриваемый через:


2

Да, у меня относительная ссылка работает. Я использую pancake.io для размещения своих страниц. http://pancake.io/2c8aa8/topics/cpp/cpp.md

Изображения на этой странице находятся в cppпапке.

Код уценки, используемый для первого изображения:

![C++ Var Types](basic_cpp_var_types.png)

Код уценки (на самом деле html), используемый для второго изображения:

<div style='float: center'>
  <img style='width: 600px' src="prefixpostfixincrement.png"></img>
</div>

ПРИМЕЧАНИЕ: я упустил суть. Попробуйте использовать html, если gist не поддерживает синтаксис относительного пути к изображению с уценкой.


Способ HTML не работает. Это больше проблема Gist, чем Markdown
alienlebarge

2

протестировано только что ... мне не удалось использовать относительные URL-адреса в вики github.

Мне пришлось добавить изображение в репозиторий вики, затем просмотреть репозиторий и попросить github показать его мне (чтобы я мог получить URL-адрес). затем используйте полный URL в уценке. но, к счастью, URL-адреса легко предсказать:https://github.com/*username*/*reponame*/wiki/*imagename.png*

я отправил это сообщение в службу поддержки github.


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.