Como você carrega imagens em uma essência?

145

Como você carrega imagens em uma essência?

Dê uma olhada nisto: https://gist.github.com/mbostock/5503544#file-thumbnail-png

O que eu tentei é arrastar e soltar o arquivo de imagem enquanto estiver no modo de edição de uma essência. Isso não parecia funcionar no Crhome e no FireFox.

Atualização: após um e-mail alternativo com o GitHub, esse recurso (arquivos binários de arrastar e soltar, imagens) não é suportado.

Dimitry
fonte
1
é fácil ... é só usar qualquer cliente git ... projeto de sincronização de, copiar o arquivo para o diretório do projeto, adicione a repo (git add), cometer e sincronização de novo ...
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
Vários métodos são mostrados aqui - gist.github.com/cben/46d9536baacb7c5d196c .
SLM

Respostas:

83

Eu estava procurando resposta para a mesma pergunta, eis o que eu acabei de encontrar:

  1. Você pode clonar sua essência como um repositório git e adicionar sua imagem, depois pressionar para a origem. Consulte loading-thumbnail-into-gist-for .

  2. Há um script escrito para fazer isso: hecticjeff / gist-img .

Ainda não tentei as soluções acima, mas com certeza elas devem funcionar. Eu tentei usar defunkt / gist para atualizar minha essência com um png, mas acabei exibindo um arquivo binário na minha essência.

Binarycrayon
fonte
2
Eu testei esse método e ele também funciona com GIFs animados! Veja o exemplo ao vivo: gist.github.com/stephenlb/… mostrando o servidor de publicação e assinatura python echo.
Stephen Blum
Apenas para ter certeza: enviar para o Github, mesmo que seja essencial, requer que você esteja registrado e conectado ao Github, certo?
Sdaau
1
o script gist-img realmente funciona? quando eu postar o resultado de um arquivo de imagem / png codificado em base64 de 12kb na API do github para criar uma essência, acabo com um arquivo de texto chamado test.png, como visto aqui . Tenho certeza de que funciona muito bem com o git, mas quero usá-lo para criar gists a partir de caixas onde não consigo configurar o git. Também há um problema arquivado contra o meu script making gist para implementar esse recurso.
propensão
76

Com um pouco de criatividade, você pode conseguir isso mais rapidamente do que a clonagem. Para arrastar / soltar:

  1. Crie a essência
  2. Arraste uma imagem para o campo de comentário abaixo. Isso fará o upload do seu arquivo de imagem e insere o código de remarcação com o URL da imagem carregada.
  3. Copie esta marcação e cole-a no arquivo que deseja exibi-la.

Exemplo ao vivo

Captura de tela do campo de comentário

ow3n
fonte
4
Isso é muito melhor e mais fácil do que a abordagem SSH, obrigado.
FoxDeploy 12/01/19
2
Muito agradável. A extensão do arquivo da essência faz a diferença. Eu tentei foobar.pnge vi apenas texto. Obviamente, deve ser *.mdtentar renderizar a remarcação.
Synesso 18/01/19
1
@Cocowalla posso confirmar. Acabei de enviar um ticket para o Github.
Ow3n 2/05/19
1
O @Cocowalla Github corrigiu o problema. Isso funciona novamente.
Ow3n 9/05/19
1
Esta é a maneira mais simples e segura de adicionar imagem. Ao usar ssh, a imagem será uma imagem individual grande e não podemos gerenciar a imagem como adicionar um texto ou até mesmo removê-lo da essência, a menos que você queira excluí-la do seu local (git rm etc.)
mochadwi
43
  1. Crie uma essência ou reutilize uma de suas essência .
  2. Clone sua essência:

    git clone https://gist.github.com/<hash>.git
    
  3. Adicione sua imagem ao repositório da sua lista principal:

    git add my-image.jpg
    
  4. Confirme a imagem:

    git commit -m "adding my image to my gist"
    
  5. Atualize a essência pressionando as modificações:

    git push origin master
    
thiagoh
fonte
Eu usei o GitHub Desktop para executar essas etapas.
James Dunn
Eu usei git push na etapa 5
Gabriel Chung
6

Clone da essência com SSH:

$ git clone [email protected]:<hash>.git mygist

O clone HTTP funcionou bem, mas teve problemas de autenticação HTTP em git push.

rmharrison
fonte
1
eu também, mesmo problema com authing. Eu acho que é porque tem 2FA. ssh way funciona (que de qualquer maneira você deve estar usando)
Edgar Aroutiounian 19/03
4

Eu também estava procurando uma resposta para essa mesma pergunta, no meu caso, para poder fazer upload de arquivos PDF. Eu tive problemas com gist-img(mencionado em outra resposta a esta pergunta). Eu pesquisei um pouco mais e descobri o gistup , que funcionou perfeitamente , na primeira vez que tentei. Ele usa nó e npm , portanto, deve funcionar na maioria dos principais sistemas operacionais.

mhucka
fonte
O Gistup foi muito útil: suaviza todo o fluxo de trabalho (não apenas a etapa de upload da imagem).
22616 Don McCurdy
3

Como colocar imagens no seu URL Gist:

  1. faça o upload da sua imagem para um local como imgur.com gratuitamente e obtenha o hot-link.
  2. Adicione um arquivo e dê uma extensão de redução .mde use a sintaxe da imagem de redução:

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

  1. ?????
  2. Lucro
Gant Laborde
fonte
2
Esta é uma resposta para uma pergunta como "Como insiro e inline uma imagem na minha essência".
M3nda
0

carregar a imagem em algum lugar e usar a tag HTML <img> funciona para mim

Gubatron
fonte
-4

Se você enviar uma imagem, tente estas etapas:

  • Converta sua imagem em DataURI. Por exemplo, aqui no duri.me
  • Em seguida, essa string é inserida no GIST como um arquivo de texto

Se você deseja converter novamente, há várias opções. Por exemplo, este: Convertendo URI de dados em dados de imagem

Feri
fonte
OK @ RadimKöhler, desculpe
Feri
Tentei adicionar uma imagem com um DataURI dentro de um arquivo de remarcação. Isso também não funciona.
23614 Justin Meyer