要点に画像をどのようにアップロードしますか?


145

要点に画像をどのようにアップロードしますか?

これを見てくださいhttps : //gist.github.com/mbostock/5503544#file-thumbnail-png

私が試したのは、要旨の編集モードで画像ファイルをドラッグアンドドロップすることです。CrhomeとFireFoxでは動作しなかったようです。

更新:GitHubでメールをやり取りした後、この機能(ドラッグアンドドロップのバイナリファイル、画像)はサポートされません。


1
簡単です...任意のgitクライアントを使用するだけです...からプロジェクトを同期し、ファイルをプロジェクトのディレクトリにコピーし、リポジトリに追加(git add)し、再度コミットして同期します...
Selvin

8
FX ... git clone https://gist.github.com/6afe8ae9d00c98694dc8cd 6afe8ae9d00c98694dc8xcopy path/to/src/file.any file.anygit add any.anygit commit -m 'n/a'git push
Selvin

ここにいくつかの方法を示します-gist.github.com/cben/46d9536baacb7c5d196c
slm

回答:


83

私は同じ質問に対する答えを探していました、これが私が見つけたものです:

  1. あなたの要旨をgitリポジトリーとして複製し、写真を追加してから、オリジンにプッシュすることができます。loading-thumbnail-into-gist-forを参照してください。

  2. これを行うために書かれたスクリプトがあります:hecticjeff / gist-img

上記の解決策はまだ試していませんが、うまくいくはずです。私は使ってみました defunkt / gistしてpngで要点を更新ましたが、最終的にバイナリファイルが要点に表示されました。


2
私はこの方法をテストしましたが、アニメーションGIFでも動作します!ライブの例を参照してください:gist.github.com/stephenlb/…パブリッシュサブスクライブPythonエコーサーバーを示しています。
Stephen Blum 14

念のため:Githubにプッシュする場合、たとえそれが要旨であっても、Githubに登録してログインする必要がありますよね?
sdaau 2015年

1
gist-imgスクリプトは実際に機能しますか?base64でエンコードされた12kbのimage / pngファイルの結果をgithub apiに投稿して要点を作成すると、次のようにtest.pngというテキストファイルが作成されます。gitを使用するとうまく機能すると確信していますが、これを使用して、gitをセットアップできないボックスから要旨を作成します。この機能を実装するために私の要点作成スクリプトに対して提出された問題もあります。
2016

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. 要旨を作成するか 1つを再利用します。
  2. 要旨のクローンを作成します。

    git clone https://gist.github.com/<hash>.git
    
  3. 画像をgistのリポジトリに追加します。

    git add my-image.jpg
    
  4. 画像をコミットします。

    git commit -m "adding my image to my gist"
    
  5. 変更をプッシュして要点を更新します。

    git push origin master
    

これらの手順を実行するには、GitHubデスクトップを使用しました。
James Dunn

ステップ5でgit pushを使用しました
Gabriel Chung

6

SSHを使用して要旨を複製する:

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

HTTPクローンは問題なく動作しましたが、でHTTP認証の問題が発生しましたgit push


1
私も、認証と同じ問題があります。2FAをつけているからだと思います。ssh wayが機能します(とにかく使用する必要があります)
Edgar Aroutiounian

4

私もこの同じ質問への回答を探していました。私の場合は、PDFファイルをアップロードできるようにするためです。私はとのトラブルだったgist-img(この質問に別の答えで述べたが)。私はいくつかのより多くの検索と発見gistup働いていた、完全に、私はそれを試してみました初めて。nodeとnpmを使用するため、ほとんどの主要なオペレーティングシステムで動作するはずです。


Gistupは非常に役に立ちました:(画像のアップロード手順だけでなく)ワークフロー全体をスムーズにします。
Don McCurdy 2016

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を含む画像を追加しようとしました。それもうまくいきません。
ジャスティンマイヤー
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.