【问题标题】:Upload images to GitHub from the browser从浏览器上传图片到 GitHub
【发布时间】:2014-01-18 21:15:43
【问题描述】:

我正在使用 GitHub Pages、Jekyll 和 Prose 来管理网站。一切正常,除了我找不到上传图片的方法。散文图像上传器可能无法像各种票证中讨论的那样工作(例如here)。

由于该网站是为没有任何 git 或命令行经验的朋友准备的,因此我正在寻找另一个选项,以便将图像从浏览器轻松上传到 GitHub。还有其他类似的选择吗? 我不想在外部网站上托管图片。

【问题讨论】:

    标签: image github jekyll prose


    【解决方案1】:

    我使用的解决方法是对图像进行 base64 编码,这里有一个工具可以为您做到这一点(它甚至提供图像优化):https://www.base64-image.de/

    然后,您只需单击copy image,就会得到一长串字符,可以在<img> 的src="" 或markdown 嵌入图像![alt text](data:image/png;crazy-long-string-of-characters) 中使用。

    我在 ChromeBook 上写的这篇博文就是这样做的:

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

    那里的截图是base64的!

    【讨论】:

    • 这是一个有趣的解决方案。尽管它仍然是一种解决方法,并且需要使用外部网站。我正在寻找一种可以将图像直接上传到 Github 的解决方案。
    • 这种技术在 GitHub 上似乎不起作用,没有呈现 src 属性。您的链接也没有引用 GitHub 示例。
    • @quickshiftin,这是一个通过 GitHub 页面托管的站点:raw.githubusercontent.com/ryanpcmcquen/ryanpcmcquen.github.io/…
    • 很奇怪,我将您的一个嵌入图像复制到了我正在 github.com 上处理的 wiki 页面,它显示了一个损坏的链接。检查源代码发现生成的img 标签上没有src 属性。
    【解决方案2】:

    您也可以使用GitHub Desktop。然后只需添加存储库,将图像从您的计算机添加到文件夹,提交并同步。这本质上是命令行 git 功能,但采用 GUI 的形式,方便您的朋友使用。

    附:是的,我知道这实际上不在 Github 网站上,但它可以解决您的问题,让您的朋友可以轻松地从 Github 上传图片。

    【讨论】:

      【解决方案3】:

      更新: 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

      【讨论】:

        【解决方案4】:

        GitHub 刚刚添加了这个功能:

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

        示例:

        【讨论】:

          【解决方案5】:

          上下文 是的,可以使用 Git 上传图片,但不能从网站上传。我使用 Rails 和 Git 上传有限数量的资产(徽标、png、背景等)

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

          【讨论】:

          • 感谢您的回答。但是我正在寻找一种不使用 git 上传图像的方法。我也特别喜欢将它存储在 GitHub 上,而不是其他网站上。
          【解决方案6】:

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

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

          来源:GitHub 的Phil Haack

          【讨论】:

          • 这很有趣并且接近回答我的问题。不幸的是,图像没有存储在我的存储库中。理想情况下,我可以选择存储图像的位置。
          • 找到了一个网站,显示如何在solutionoptimist.com/2013/12/28/awesome-github-tricks
          • 在 Ruskin 的链接中看不到任何回答如何将图像直接上传到存储库的问题。
          • 事实上,链接的第 1 部分描述了 完全 与我的回答相同的方法。
          • @TomášZato:我刚刚对其进行了测试...它仍然可以按上述方式工作!
          【解决方案7】:

          如果您将图像保存在 Jeykll 存储库中,它们会被上传并托管。只需在 GitHub 上的 repo 中找到它们,然后在 HTML 中将 img 的 src 传递给 raw 值。

          示例: 我的仓库中的图片: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

          我也花了一段时间才把头绕过去。

          【讨论】:

          • 感谢 Kevin 的回复,但我的问题是如何在不使用 git 的情况下在 GitHub 上获取我的图像。我正在从浏览器中寻找一个选项。
          • 哦,好吧,据我所知这是不可能的。我很困惑你为什么要使用 GitHub 而不是 git?
          • 我正在使用 GitHub Pages 来托管网站。我只是在为不知道如何使用 git 的朋友寻找一种将图像上传到 GitHub 的简单方法。
          • 您可能想查看scriptogr.am、calepin.co 或skrivr.com 之类的内容,它们使用 Dropbox 托管网站并发布。甚至是 Tumblr。 GitHub 并不是一个真正的传统托管站点,如果没有 git,它几乎毫无用处。
          • 可能是因为它没有回答问题。 OP特别提到使用浏览器将图片上传到GitHub。
          猜你喜欢
          • 2015-01-25
          • 2013-01-20
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2013-05-29
          • 1970-01-01
          • 2015-05-17
          • 2017-07-07
          相关资源
          最近更新 更多