Недавно я присоединился к GitHub. Я разместил там несколько проектов.
Мне нужно включить несколько изображений в файл README. Я не знаю, как это сделать.
Я искал об этом, но все, что я получил, это несколько ссылок, которые говорят мне "разместить изображения на веб-хостинге и указать путь к изображению в файле README.md".
Есть ли способ сделать это без размещения изображений на сторонних хостингах?
Попробуйте эту уценку:
![alt text](http://url/to/img.png)
Я думаю, что вы можете напрямую ссылаться на необработанную версию изображения, если она хранится в вашем репозитории. т.е.
![alt text](https://raw.githubusercontent.com/username/projectname/branch/path/to/img.png)
Редактирование: только что заметил комментарий, ссылающийся на статью, в которой предлагается использовать gh-pages. Кроме того, относительные ссылки могут быть лучшей идеей, чем абсолютные URL, о которых я писал выше.
Вы также можете использовать относительные пути, как
![Alt text](relative/path/to/img.jpg?raw=true "Title")
Вот подробное видео на YouTube, в котором это подробно объясняется:
Просто загрузите ваши изображения в корень репозитория, а ссылка на имя файла без пути к нему, например, так:
![Screenshot](screenshot.png)
Вы также можете добавлять изображения с простой HTML-теги:
<p align="center">
<img src="your_relative_path_here" width="350" title="hover text">
<img src="your_relative_path_here_number_2_large_name" width="350" alt="accessibility text">
</p>
Многие из опубликованных решений являются неполными или не в моем вкусе.
Мой предпочтительным решением, вдохновленный эта сущность, - использовать филиал активы с Постоянные для конкретных исправлений.
git checkout --orphan assets
git reset --hard
cp /path/to/cat.png .
git add .
git commit -m 'Added cat picture'
git push -u origin assets
git rev-parse HEAD # Print the SHA, which is needed below.
Построить на "ссылка" на эту доработку изображения, и оберните его в уценке:
![Кот](https://raw.githubusercontent.com/{пользователь}/{РЕПО}/{ша}/упак.ПНГ)
например
![Cat](https://raw.githubusercontent.com/paulmelnikow/zsh-startup-timer/3923c60fc66d4223ccf063d169ccf2ff167b1270/cat.png)
Всегда показывать последнее изображение на ветке активы, активы использовать в месте ша:
![Кот](https://raw.githubusercontent.com/{пользователь}/{РЕПО}/активов/кошка.ПНГ)
Создайте вопрос по поводу добавления изображений Добавлять изображения путем перетаскивания или выбора файлов
Скопируйте исходном изображении
Теперь добавить` в ридми.файл MD
Молодец!
В качестве альтернативы вы можете использовать некоторые хостинг изображений сайт, как все хорошо
и получить его'ы URL и добавить его в свой файл README.файл MD или вы можете использовать статический файл хостинг.
Просто добавьте `<ИМГ и GT; тег для вашего ридми.MD с относительной src для вашего репозитория. Если вы'повторно не используя относительный src, убедитесь, что сервер поддерживает ПДБС.
Это работает, потому что поддержка на GitHub инлайн-HTML-код
<img src="/docs/logo.png" alt="My cool logo"/>
# My cool project and above is the logo of it
Наблюдать здесь
![myimage-alt-tag](url-to-image)
![stack Overflow](http://lmsotfy.com/so.png)
Я нужно включать какие-то образы в моем файле README. Я не'т знать, как это сделать.
Я создал небольшой мастер, который позволяет создавать и настраивать простой галереи изображений для вашего репозиторий GitHub'ы ридми: см. ReadmeGalleryCreatorForGitHub.
Мастер использует тот факт, что гитхаб позволяет теги img происходят в ридми.МД`. Кроме того, мастер использует популярный трюк загрузки изображений на GitHub с помощью drag'Н'сбросив их в районе выпуска (как уже упоминалось в одном из ответов в этой теме).
Используйте таблицы, чтобы выделиться, это придаст отдельный Шарм к нему
Синтаксис таблица:
Отдельно каждый столбец ячейки с символом |
и заголовок таблицы (первая строка) на 2-й строки ---
<БР>| колонка 1&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;| столбец 2&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;|</БР> <БР>|------------|-------------|</БР> <БР>| рис. 1 | Рис. 2 |</БР>
выход
<БР>теперь просто положить `<ИМГ СРЦ=с"URL-адрес/и relativepath" и> на рис. 1 и рис. 2 при использовании двух изображений</БР>
<БР>Примечание: Если вы используете несколько изображений просто включать несколько столбцов, вы можете использовать атрибут ширины и высоты, чтобы сделать его читаемым.</БР>
Пример
<БР>| колонка 1&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;| столбец 2&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;&ампер;усилитель; nbsp;|</БР>
<БР>|------------|-------------|</БР>
<БР>| <ИМГ src="https://media.wired.com/photos/5926db217034dc5f91becd6b/master/w_582,c_limit/so-logo-s.jpg" ширина=на"250" и>
| <ИМГ src="https://mk0jobadderjftub56m0.kinstacdn.com/wp-content/uploads/stackoverflow.com-300.jpg" ширина=на"250" и>
|
</БР>
Расстояние не имеет значения
Вывод изображения
помогли : Адам-П
Можно ссылку на изображения в вашем проекте из ридми.МД (или наружно), использование альтернативной ссылке на GitHub КДС.
URL-адрес будет выглядеть так:
https://cdn.rawgit.com/<USER>/<REPO>/<BRANCH>/<path>/<TO>/<FILE>
У меня есть SVG-картинку в мой проект, и когда я ссылаться на него в моем проектной документации Python, оно не оказывает.
Проект ссылка ## Вот проект ссылку на файл (не отображается в виде картинки):
https://github.com/jongracecox/anybadge/blob/master/examples/awesomeness.svg
Пример внедренного изображения:
Здесь есть сырые ссылку на файл (по-прежнему не отображается в виде картинки):
https://raw.githubusercontent.com/jongracecox/anybadge/master/examples/awesomeness.svg
Пример внедренного изображения:
С помощью ссылки CDN, я могу ссылку на файл, используя (как изображение):
https://cdn.rawgit.com/jongracecox/anybadge/master/examples/awesomeness.svg
Пример внедренного изображения:
Это, как я могу использовать мой проект в моем ридми.файл MD, и в моем PyPi reStructredText проекта doucmentation (здесь)
В моем случае я использую показывает и воспользуйтесь прямой ссылкой сюда.
![img](http://i.imgur.com/yourfilename.png)
Я решил эту проблему. Вам нужно только обратиться к кому-то еще's в файле README.
Во-первых,вы должны загрузить файл изображения в библиотеку кода на GitHub ! Затем прямую ссылку на адрес файла изображения .
<БР> <ИМГ высота=то"700" и src="https://github.com/mrhyh/TableView-/blob/master/%E8%AF%B4%E6%98%8E%E5%9B%BE/TableViewDemo.gif" /> <БР>
Обычно я размещаю изображение на сайте, а это может ссылаться на любое размещенное изображение. Просто добавьте это в readme. Работает для файлов .rst
, не уверен насчет .md
.
.. image:: https://url/path/to/image
:height: 100px
:width: 200 px
:scale: 50 %
Вы можете просто сделать:
git checkout --orphan assets
cp /where/image/currently/located/on/machine/diagram.png .
git add .
git commit -m 'Added diagram'
git push -u origin assets
Затем вы можете просто ссылаться на него в файле ридми вроде так:
![диаграмма](рис.ПНГ)
В случае, если вам нужно загрузить несколько фотографий для документации, хороший подход заключается в использовании ГИТ-ОРС. Предполагали, что у вас установлена ГИТ-ОРС выполните следующие действия:
ГИТ ОРС .ПНГ ГИТ ОРС .СВГ ГИТ ОРС .гиф ГИТ ОРС .формат JPG ГИТ ОРС *.в формате JPEG
док
. На GNU/Linux и UNIX систем это можно сделать через:компакт-диск project_folder команды mkdir док в Git добавить док
Копировать вставить любые изображения в папке doc. Затем добавить их с помощью команды git добавить команду`.
Commit и push.
Изображения являются общедоступными в следующий URL-адрес:
протокол HTTPS://media.githubusercontent.com/media/^github_username^/^РЕПО^/^филиал^/^image_location в репо^
Где:
^github_username^
имя пользователя на GitHub (вы можете найти его на странице профиля)^repo_name^
- название репозитория ^филиал^
является хранилищем ветку, где изображения загружаютсяimage_location^в репо^
- расположение, включая папку, в которой хранится изображение.Также вы можете загрузить сначала изображение, а затем посетить место в ваших проектах на GitHub странице и перемещаться, пока вы не найдете изображение, а затем нажмите на кнопку "Загрузить" а потом скопировать и вставить URL из браузера's в адресной строке.
Посмотри этот из моего проекта в качестве ссылки.
Затем вы можете использовать этот URL, чтобы включить их, используя упомянутые выше синтаксис Markdown:
![some alternate text that describes the image](^github generated url from git lfs^)
Например: предположим, мы используем этот photo затем вы можете использовать синтаксис Markdown:
![In what order to compile the files](https://media.githubusercontent.com/media/pc-magas/myFirstEnclave/master/doc/SGX%20Compile%20workflow.png)
В моем случае я хотел показать на экране печать на гитхабе, но и на НПМ
. Хотя, используя относительный путь работал в гитхаб, это было'т работающих вне его. В принципе, даже если я толкнул моего проекта НПМ
А (который просто использует тот же ридми.МД`, изображение никогда не показывал.
Я попробовал несколько способов, в конце это то, что работал для меня:
![Превью](https://raw.githubusercontent.com/username/project/master/image-path/image.png)
Теперь я вижу, правильно мой образ на НПМ
или где-нибудь еще, что я мог бы опубликовать свой пакет.
ПРОСТО ЭТО РАБОТАЕТ!!
позаботиться о вашем имени файла прописные буквы в теге и поставить ПНГ inroot файл, а ссылка на имя файла без пути:
![Screenshot](screenshot.png)