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.


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.


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


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
    

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 git@gist.github.com:<hash>.git mygist

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


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.


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

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


-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


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
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.