Как вы загружаете изображения в гист?


145

Как вы загружаете изображения в гист?

Взгляните на это: https://gist.github.com/mbostock/5503544#file-thumbnail-png

Я попробовал перетащить файл изображения в режиме редактирования гистограммы. Похоже, что это не работает под Crhome и FireFox.

Обновление: после переписки с GitHub эта функция (перетаскивание двоичных файлов, изображений) не поддерживается.


1
это просто ... просто используйте любой клиент git ... синхронизируйте проект, скопируйте файл в каталог проекта, добавьте в репозиторий (добавьте git), подтвердите и снова синхронизируйте ...
Selvin

8
FX ... git clone https://gist.github.com/6afe8ae9d00c98694dc8, cd 6afe8ae9d00c98694dc8, xcopy path/to/src/file.any file.any, git add any.any, git commit -m 'n/a',git push
Selvin

Несколько методов показаны здесь - gist.github.com/cben/46d9536baacb7c5d196c .
SLM

Ответы:


83

Я искал ответ на тот же вопрос, вот что я только что нашел:

  1. Вы можете клонировать свою суть как репозиторий git и добавить свою картинку, а затем нажать на источник. Смотрите loading-thumbnail-in-gist-for .

  2. Для этого написан скрипт: hecticjeff / gist-img .

Я еще не пробовал вышеуказанные решения, но уверен, что они должны работать. Я попытался использовать defunkt / gist, чтобы обновить мою сущность с помощью png, но в итоге я отобразил двоичный файл в моей сущности.


2
Я протестировал этот метод, и он работает с анимированными GIF-файлами! См. Пример в реальном времени: gist.github.com/stephenlb/… он показывает публикуемый эхо-сервер Python для подписки.
Стивен Блюм

Просто чтобы убедиться: чтобы перейти на Github, даже если это очень важно, вам нужно зарегистрироваться и войти в Github, верно?
sdaau

1
скрипт gist-img действительно работает? Когда я отправляю результат файла image / png в кодировке base64 в github api, чтобы создать суть, я получаю текстовый файл test.png, как показано здесь . Я уверен, что он прекрасно работает с использованием git, но я хочу использовать это для создания гистограмм из ящиков, где я не могу настроить git. Есть также проблема, поданная против моего сценария создания гистограммы для реализации этой функции.
Склонность

76

Приложив немного креатива, вы сможете достичь этого быстрее, чем клонировать. Для перетаскивания:

  1. Создать суть
  2. Перетащите изображение в поле комментария ниже. Это загрузит ваш файл изображения и вставит код уценки с URL для вашего загруженного изображения.
  3. Скопируйте эту уценку и вставьте ее в файл, который вы хотите отобразить.

Живой пример

Скриншот поля комментария


4
Это намного лучше и проще, чем подход SSH, спасибо.
FoxDeploy

2
Очень хорошо. Расширение файла суть имеет значение. Я пытался foobar.pngи видел только текст. Очевидно, это должна быть *.mdпопытка рендеринга уценки.
Synesso

1
@Cocowalla Я могу подтвердить. Просто отправил билет на Github.
ow3n

1
@Cocowalla Github исправил проблему. Это снова работает.
ow3n

1
Это самый простой и безопасный способ добавления изображения. При использовании ssh изображение будет большим отдельным изображением, и мы не можем управлять изображением, таким как добавление текста или даже удаление его из сущности, если только вы не хотите удалить его из локального (git rm и т. Д.)
mochadwi

43
  1. Создайте суть или используйте один из ваших
  2. Клонировать вашу суть:

    git clone https://gist.github.com/<hash>.git
    
  3. Добавьте свое изображение в репозиторий вашей сущности:

    git add my-image.jpg
    
  4. Зафиксируйте изображение:

    git commit -m "adding my image to my gist"
    
  5. Обновите суть, нажав на ваши модификации:

    git push origin master
    

Я использовал GitHub Desktop для выполнения этих шагов.
Джеймс Данн

Я использовал git push на шаге 5
Габриэль Чунг

6

Суть клонирования по SSH:

$ git clone git@gist.github.com:<hash>.git mygist

HTTP-клон работал нормально, но столкнулся с проблемами аутентификации HTTP на git push.


1
у меня тоже такая же проблема с аутентификацией. Я думаю, потому что 2FA на. ssh way работает (который в любом случае вы должны использовать)
Эдгар Арутюнян

4

Я также искал ответ на этот же вопрос, в моем случае, чтобы иметь возможность загружать файлы PDF. У меня были проблемы gist-img(упоминается в другом ответе на этот вопрос). Я искал еще немного и обнаружил Gistup , который работал отлично , когда я впервые попробовал это. Он использует node и npm , поэтому он должен работать в большинстве основных операционных систем.


Gistup был очень полезен: сглаживает весь рабочий процесс (не только шаг загрузки изображения).
Дон МакКарди,

3

Как поместить изображения в ваш Gist URL:

  1. бесплатно загрузите свое изображение в такое место, как imgur.com, и получите горячую ссылку.
  2. Добавьте файл и дайте ему расширение уценки .mdи используйте синтаксис изображения уценки:

![alt text here](https://URL)

  1. ?????
  2. прибыль

2
Это ответ на вопрос типа «Как вставить и встроить изображение в мою сущность».
m3nda

0

загрузка изображения куда-то и использование тега HTML <img> работает для меня


-4

Если вы загружаете изображение, попробуйте эти шаги:

  • Преобразуйте ваше изображение в DataURI. Например здесь на duri.me
  • Затем эту строку вставить в GIST в виде текстового файла

Если вы хотите конвертировать обратно, есть несколько вариантов. Например, это: Преобразование URI данных в данные изображения


OK @ RadimKöhler, извините
Фери

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