从浏览器上传图片到GitHub

我正在使用GitHub Pages,Jekyll和Prose来pipe理一个网站。 一切工作正常,除了我无法find上传图片的方式。 散文图片上传器不能正常工作,正如在各种票据(例如这里 )中讨论的那样。

由于网站是没有任何git或命令行经验的朋友,我正在寻找另一个选项,可以轻松地从浏览器上传图像到GitHub。 还有其他的select吗? 我不想在外部网站上托pipe图片。

GitHub只是增加了这个function:

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

例:

GH图片上传

可以从浏览器上传图片,而不使用Git。

创build一个新的GitHub问题,并将图像拖到文本框中。
GitHub将上传图像,并创build一个这样的链接:
assets/19977/1656110/a3f8b280-5b6d-11e3-818d-c06ab05bd613.jpg

资料来源:GitHub的Phil Haack

我使用的解决方法是base64编码图像,这里是一个工具,将为你做(它甚至提供图像优化): https : //www.base64-image.de/

然后你可以点击copy image ,这会给你一个长string,可以用在一个<img>src="" ,或一个降价的embedded式图像![alt text](data:image/png;crazy-long-string-of-characters)

我是从ChromeBook写的这篇博文的:

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

截图有base64!

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

回答如果您正在使用Github页面,我build议您将图像存储在其他地方 。 我特别使用Tumblr 。 我有一个独立的Tumblr博客,我张贴了所有的图片(图标,背景,客户端等)。 Tumblr不会像Facebook或Google+那样压缩他们,所以非常适合。 http://superfantasticassets.tumblr.com

更新: Github发布了上传选项的存储库! 在这里输入图像说明 有一个简单的方法来使用prose.io将图像上传到Github。

但是如果你想把图片上传到Jekyll博客,或者如果你只使用githb页面,你必须在_config.yml中添加下面的代码,然后你必须在根目录下创build一个_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上传图片了

在这里阅读详细的教程: 如何添加或编辑在线Jekyllpost

如果您将图片保存在Jeykll回购站中,则会上传并托pipe。 只需在您的回购站点上的GitHub上find它们,并在您的HTML中将img的src传递给原始值。

示例:我的回购中的图片: https : //github.com/kevinSuttle/kevinsuttle.github.io/blob/masterhttp://img.dovov.com19698565-media_httpfarm5static_jhkva.jpg

原始的: https : //raw.github.com/kevinSuttle/kevinsuttle.github.io/masterhttp://img.dovov.com19698565-media_httpfarm5static_jhkva.jpg

我花了一段时间,也围绕着我的头。

您也可以使用GitHub桌面 。 然后只需添加回购,从您的计算机添加图像到文件夹,提交和同步。 这本质上是命令行gitfunction,但以GUI的forms,使您的朋友可以轻松使用。

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