web-dev-qa-db-ja.com

ブラウザからGitHubに画像をアップロードします

GitHub Pages、Jekyll、および散文を使用してWebサイトを管理しています。私は画像をアップロードする方法を見つけることができないことに加えて、すべてが正常に動作します。散文画像アップローダーは、おそらくさまざまなチケットで説明されているように動作していません（たとえば here ）。

ウェブサイトはgitやコマンドラインの経験がない友人向けなので、ブラウザからGitHubに画像を簡単にアップロードする別のオプションを探しています。このような他のオプションはありますか？外部サイトで画像をホストしたくありません。

imagegithubjekyllprose
45
ustroetz

GitHubはこの機能を追加しました：

https://help.github.com/articles/adding-a-file-to-a-repository/

例：

GH Image upload

10
ryanpcmcquen

Gitを使用せずに、ブラウザから画像をアップロードすることは可能ですis。

新しいGitHubの問題を作成し、画像をテキストボックスにドラッグします。
GitHubは画像をアップロードし、次のようなリンクを作成します。
https://f.cloud.github.com/assets/19977/1656110/a3f8b280-5b6d-11e3-818d-c06ab05bd613.jpg

出典：GitHubの Phil Haack

31
Christian Specht

私が使用する回避策は、画像をbase64でエンコードすることです。これを行うツールが1つあります（画像の最適化も提供しています）： https://www.base64-image.de/

その後、_copy image_をクリックするだけで、_<img>_の_src=""_またはマークダウン埋め込み画像![alt text](data:image/png;crazy-long-string-of-characters)の内部で使用できる長い文字列が得られます。 。

私は、ChromeBookから書いたこのブログ投稿でそれを行いました。

https://ryanpcmcquen.org/javascript/2015/10/20/fix-hackpad-printing.html

そこのスクリーンショットはbase64です！

5
ryanpcmcquen

更新：Githubはリポジトリのアップロードオプションをリリースしました！ enter image description hereprose.ioを使用してGithubに画像をアップロードする簡単な方法があります。

しかし、以下のコードを_config.ymlに追加する必要があります。Jekyllブログに画像をアップロードする場合、またはgithbページのみを使用する場合は、_prose.ymlファイルをルートに追加し、このコードを内部に追加します。

これは機能し、これがブログ投稿を更新し、画像を追加する方法です。

prose:
  rooturl: '/'
  siteurl: 'http://prose.github.io/starter/'
  relativeLinks: 'http://prose.github.io/starter/links.jsonp'
  media: 'media'
  ignore:
    - index.md
    - _config.yml
    - /_layouts
    - /_includes
  metadata:
    _posts:
      - name: "layout"
        field:
          element: "hidden"
          value: "blog"
      - name: "tags"
        field:
          element: "multiselect"
          label: "Add Tags"
          placeholder: "Choose Tags"
          options:
            - name: "Apples"
              value: "apples"
            - name: "Bananas"
              value: "bananas"
    _posts/static:
      - name: "layout"
        field:
          element: "hidden"
          value: "page"
      - name: "permalink"
        field:
          element: "text"
          label: "Permalink"
          value: ""

これで、prose.ioから画像をアップロードできるはずです。

詳細なチュートリアルはこちら： オンラインでジキル投稿を追加または編集する方法

1
Sharath kumar

コンテキストはい、Gitを使用して画像をアップロードできますが、Webサイトからはアップロードできません。私はRailsとGitを使用して、限られた量のアセット（ロゴ、PNG、背景など）をアップロードします）

AnswerGithubページで作業している場合、イメージを他の場所に保存することをお勧めします。特にTumblrを使用します。私はすべての画像（アイコン、背景、クライアントの仕事など）を投稿する独立したTumblrブログを持っています。 TumblrはFacebookやGoogle+ほど圧縮しないので、それに最適です。 http://superfantasticassets.tumblr.com

1
rodrigotello

Jeykllリポジトリに画像を保存すると、アップロードされてホストされます。リポジトリのGitHubでそれらを見つけ、HTMLのimgのsrcにraw値を渡します。

例：リポジトリ内の画像： https://github.com/kevinSuttle/kevinsuttle.github.io/blob/master/images/19698565-media_httpfarm5static_jhkva.jpg

Raw： https://raw.github.com/kevinSuttle/kevinsuttle.github.io/master/images/19698565-media_httpfarm5static_jhkva.jpg

頭を包むのにも時間がかかりました。

0
Kevin Suttle

GitHub Desktop を使用することもできます。次に、リポジトリを追加し、コンピューターからフォルダーに画像を追加し、コミットして同期します。これは基本的にコマンドラインのgit機能ですが、GUIの形式であるため、友人が簡単に使用できます。

追伸はい、これは実際にはGithub Webサイトにはないことを知っていますが、Githubから簡単に画像をアップロードする方法を友人に与えるという問題を解決します。

0
Ethan