Question

我正在使用GitHub Pages，Jekyll和Prose来管理网站。一切正常，除了我找不到上传图片的方法。 Prose图像上传器可能无法正常工作，如各种故障单中所述（例如here）。

由于本网站适用于没有任何git或命令行经验的朋友，我正在寻找另一种选择，可以轻松地将图像从浏览器上传到GitHub。还有其他类似的选择吗？我不想在外部网站上托管图片。

Answer 1

可以在不使用Git的情况下从浏览器上传图片。

创建一个新的GitHub问题并将图像拖到文本框中 GitHub将上传图像并创建如下链接：
https://f.cloud.github.com/assets/19977/1656110/a3f8b280-5b6d-11e3-818d-c06ab05bd613.jpg

来源：GitHub的Phil Haack

Answer 2

GitHub刚添加了此功能：

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

示例：

Answer 3

我使用的解决方法是base64编码图像，这里有一个工具可以为你做（它甚至提供图像优化）：https://www.base64-image.de/

然后，您只需点击copy image即可获得一长串字符，可以在<img>的{{1}}内使用，也可以使用降价嵌入式图片{{ 1}}。

我为从ChromeBook写的这篇博文发表了这篇文章：

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

截图有base64！

Answer 4

<强>上下文是的，可以使用Git上传图像，但不能从网站上传。我使用Rails和Git上传有限的资产（徽标，png，背景等）

<强>答案如果您正在使用Github页面，我建议您将图像存储在其他地方。我特别使用 Tumblr 。我有一个独立的Tumblr博客，我发布我的所有图像（图标，背景，客户工作等）。 Tumblr并不像Facebook或Google+那样压缩它们，因此非常适合。 http://superfantasticassets.tumblr.com

Answer 5

更新： Github发布了存储库的上传选项！有一种使用 prose.io 将图像上传到Github的简单方法。

但是，如果要将图像上传到Jekyll博客，或者如果您只使用githb页面，则必须将以下代码添加到 _config.yml ，然后您必须创建 _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

上传图片了

在此处阅读详细的教程：How to add or edit Jekyll posts online

Answer 6

如果您将图片保存在Jeykll仓库中，则会将其上传并托管。只需在您的仓库中的GitHub上找到它们，然后在HTML中将您的img的src传递给原始值。

实施例：我的仓库中的图片：https://github.com/kevinSuttle/kevinsuttle.github.io/blob/master/images/19698565-media_httpfarm5static_jhkva.jpg

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

我花了一些时间来绕过它。

Answer 7

您也可以使用GitHub Desktop。然后只需添加repo，将图像添加到计算机的文件夹中，提交并同步。这本质上是命令行git功能，但是以GUI的形式，使您的朋友可以轻松使用。

P.S。是的，我知道这实际上并不在Github网站上，但它可以解决您的问题，让您的朋友轻松地从Github上传图像。

从浏览器上传图像到GitHub

7 个答案: