blocks|key|2510289|text|GitHub刚刚添加了以下功能：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2510290|https://help.github.com/articles/adding-a-file-to-a-repository/|offset|length|2510291|示例：|style|BOLD|2510292|​|2510293|📷|atomic|2510294|2510295|entityMap|0|LINK|mutability|MUTABLE|url|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/cd8cbad7090beabccc8f66bed02c02f4.png|imageAlt^0|0|0|1R|0|0|0|3|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@$D|14|E|15|1|16]]|A|$]]|$1|F|3|G|5|6|7|17|8|@$D|18|E|19|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|1A|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1B|8|@]|9|@$D|1C|E|1D|1|1E]]|A|$]]|$1|O|3|K|5|6|7|1F|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|C]]|W|$5|X|T|Y|A|$Z|10|11|-4]]]]

GitHub just added this functionality:

<a href="https://help.github.com/articles/adding-a-file-to-a-repository/" rel="noreferrer">https://help.github.com/articles/adding-a-file-to-a-repository/</a>

Example:

<a href="https://i.stack.imgur.com/Jt6X5.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Jt6X5.png" alt="GH Image upload"></a>

blocks|key|339040|text|可以在不使用Git的情况下从浏览器上传图像。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|339041|创建一个新的GitHub问题并将图像拖到文本框中。|339042|GitHub将上传图像并创建一个类似于此的链接：|339043|https://f.cloud.github.com/assets/19977/1656110/a3f8b280-5b6d-11e3-818d-c06ab05bd613.jpg|339044|资料来源:GitHub的http://haacked.com/archive/2013/12/02/dr-jekyll-and-mr-haack/#comment-1148987401|339045|entityMap|0|LINK|mutability|MUTABLE|url|1|http://haacked.com/archive/2013/12/02/dr-jekyll-and-mr-haack/#comment-1148987401^0|0|M|0|0|P|0|0|O|0|0|2G|0|2G|0|0|0|2K|C|28|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|L|3|M|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@$9|1E|A|1F|1|1G]]|E|$]]|$1|N|3|-4|5|6|7|1H|8|@]|D|@]|E|$]]]|O|$P|$5|Q|R|S|E|$T|K]]|U|$5|Q|R|S|E|$T|V]]]]

It is possible to upload the images from the browser, without using Git.

Create a new GitHub issue and drag the image into the textbox. 
GitHub will upload the image and create a link like this one: 
<a href="https://f.cloud.github.com/assets/19977/1656110/a3f8b280-5b6d-11e3-818d-c06ab05bd613.jpg" rel="noreferrer">https://f.cloud.github.com/assets/19977/1656110/a3f8b280-5b6d-11e3-818d-c06ab05bd613.jpg</a>

Source: GitHub's <a href="http://haacked.com/archive/2013/12/02/dr-jekyll-and-mr-haack/#comment-1148987401" rel="noreferrer">Phil Haack</a>

blocks|key|2510201|text|我使用的解决方法是对图像进行base64编码，这里有一个工具可以帮助您(它甚至提供图像优化)：https://www.base64-image.de/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2510202|然后您只需单击copy+image，这将为您提供一长串字符，这些字符可以在<img>的src=""中使用，也可以在标记嵌入式图像![alt+text](data:image/png;crazy-long-string-of-characters)中使用。|style|CODE|2510203|我这样做是因为我在ChromeBook上写了一篇博文：|2510204|https://ryanpcmcquen.org/javascript/2015/10/20/fix-hackpad-printing.html|2510205|那里的截图是base64！|2510206|entityMap|0|LINK|mutability|MUTABLE|url|https://www.base64-image.de/|1^0|1B|S|0|0|7|A|11|5|17|6|1S|1N|0|0|0|20|1|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@$A|11|B|12|F|G]|$A|13|B|14|F|G]|$A|15|B|16|F|G]|$A|17|B|18|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|19|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|1A|8|@]|9|@$A|1B|B|1C|1|1D]]|C|$]]|$1|L|3|M|5|6|7|1E|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|1F|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]|V|$5|Q|R|S|C|$T|K]]]]

The workaround I use, is to base64 encode images, here is one tool that will do that for you (it even offers image optimization): <a href="https://www.base64-image.de/" rel="nofollow noreferrer">https://www.base64-image.de/</a>

Then you can just click <code>copy image</code> and that will give you a long string of characters that can be used inside of an <code>&lt;img&gt;</code>'s <code>src=""</code>, or a markdown embedded image <code>![alt text](data:image/png;crazy-long-string-of-characters)</code>.

I did that for this blog post I wrote from a ChromeBook:

<a href="https://ryanpcmcquen.org/javascript/2015/10/20/fix-hackpad-printing.html" rel="nofollow noreferrer">https://ryanpcmcquen.org/javascript/2015/10/20/fix-hackpad-printing.html</a>

The screenshots there are base64!

blocks|key|339126|text|更新：已经发布了用于存储库的上传选项！|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|339127|📷|atomic|339128|有一种简单的方法可以使用prose.io将图像上传到Github。|339129|但是，如果您想将图片上传到Jekyll博客，或者如果您只使用githb页面，则必须在根目录中创建一个_config.yml文件并在其中添加此代码，则必须将下面的代码添加到_prose.yml中。|339130|这是工作，这是我如何更新我的博客文章，并在其中添加图片。|339131|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:+""|code-block|syntax|javascript|339132|现在您应该可以通过prose.io上传图像了。|339133|在这里阅读详细教程：如何在网上添加或编辑Jekyll帖子|339134|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/07df603f0480c89a2dc83c1d3265e4c3.jpg|imageAlt|1|LINK|MUTABLE|url|https://blog.webjeda.com/edit-posts-jekyll/^0|0|3|0|0|1|0|0|C|8|0|0|0|0|9|8|0|A|I|1|0^^$0|@$1|2|3|4|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|1E|8|@]|D|@$9|1F|A|1G|1|1H]]|E|$]]|$1|I|3|J|5|6|7|1I|8|@$9|1J|A|1K|B|C]]|D|@]|E|$]]|$1|K|3|L|5|6|7|1L|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|1M|8|@]|D|@]|E|$]]|$1|O|3|P|5|Q|7|1N|8|@]|D|@]|E|$R|S]]|$1|T|3|U|5|6|7|1O|8|@$9|1P|A|1Q|B|C]]|D|@]|E|$]]|$1|V|3|W|5|6|7|1R|8|@]|D|@$9|1S|A|1T|1|1U]]|E|$]]|$1|X|3|-4|5|6|7|1V|8|@]|D|@]|E|$]]]|Y|$Z|$5|10|11|12|E|$13|14|15|-4]]|16|$5|17|11|18|E|$19|1A]]]]

Update: Github has released Upload option for repositories!
<a href="https://i.stack.imgur.com/Co0uU.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Co0uU.jpg" alt="enter image description here"></a>
There is an easy way to upload images to Github using prose.io. 

But you have to add the code below to _config.yml if you want to upload images to Jekyll blog or if you are using just githb pages then you have to create a _prose.yml file in the root and add this code inside.

This works and this is how I'm updating my blog posts and adding images in it.

<pre><code>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: ""
</code></pre>

Now you should be able to upload images through prose.io

Read detailed Tutorial here: <a href="https://blog.webjeda.com/edit-posts-jekyll/" rel="nofollow noreferrer">How to add or edit Jekyll posts online</a>

blocks|key|833088|text|Context是的，可以使用Git上传图片，但不能从网站上传。我使用Rails和Git上传有限数量的资产(徽标、pngs、背景等)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|833089|应答，如果您正在使用Github，我建议您使用将图像存储在其他的某个地方。我特别使用Tumblr。我有一个独立的Tumblr博客，在那里我发布了我所有的图片(图标，背景，客户工作，等等)。Tumblr不像Facebook或Google%2B那样对它们进行压缩，所以这是最好的选择。http://superfantasticassets.tumblr.com|833090|entityMap|0|LINK|mutability|MUTABLE|url|http://superfantasticassets.tumblr.com/^0|0|7|0|0|2|N|8|16|6|3U|12|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|H|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

Context
Yes, it is possible to upload images using Git, but not from the website. I work with Rails and Git upload a limited ammount of assets (logos, pngs, backgrounds, etc.)

Answer
If you are working with a Github Page I would recommend you to store the images somewhere else. I particularly use Tumblr. I have an independent Tumblr blog where I post all my images (icons, backgrounds, client work, etc.). Tumblr doesn't compress them as much as Facebook or Google+, so is perfect for that. <a href="http://superfantasticassets.tumblr.com" rel="nofollow">http://superfantasticassets.tumblr.com</a>

blocks|key|834744|text|如果您将您的图像保存在Jeykll+repo中，它们将被上传和托管。只需在回购中的GitHub上找到它们，并在HTML中传递img的src+--原始值。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|834745|例:图像在我的回购：jhkva.jpg|834746|Raw：jhkva.jpg|834747|我也花了一段时间才把头绕过来。|834748|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/kevinSuttle/kevinsuttle.github.io/blob/master/images/19698565-media_httpfarm5static_jhkva.jpg|1|https://raw.github.com/kevinSuttle/kevinsuttle.github.io/master/images/19698565-media_httpfarm5static_jhkva.jpg^0|20|2|0|A|9|0|0|4|9|1|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|H|3|I|5|6|7|12|8|@]|D|@$9|13|A|14|1|15]]|E|$]]|$1|J|3|K|5|6|7|16|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S]]|T|$5|O|P|Q|E|$R|U]]]]

If you keep your images in the Jeykll repo, they're uploaded and hosted. Just find them on GitHub in your repo, and pass the src of your img in your HTML the raw value.

Example: 
Image in my repo: <a href="https://github.com/kevinSuttle/kevinsuttle.github.io/blob/master/images/19698565-media_httpfarm5static_jhkva.jpg" rel="nofollow">https://github.com/kevinSuttle/kevinsuttle.github.io/blob/master/images/19698565-media_httpfarm5static_jhkva.jpg</a>

Raw: <a href="https://raw.github.com/kevinSuttle/kevinsuttle.github.io/master/images/19698565-media_httpfarm5static_jhkva.jpg" rel="nofollow">https://raw.github.com/kevinSuttle/kevinsuttle.github.io/master/images/19698565-media_httpfarm5static_jhkva.jpg</a>

It took me awhile to wrap my head around it also.

blocks|key|339207|text|您也可以使用GitHub桌面。然后，只需添加回购，从您的计算机添加图像到文件夹，提交和同步。这本质上是命令行的git功能，但以GUI的形式出现，使您的朋友使用起来更容易。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|339208|是的，我知道这并不是在Github网站上，但它可以解决你的朋友很容易上传图片的问题。|339209|entityMap|0|LINK|mutability|MUTABLE|url|https://desktop.github.com/^0|6|8|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

You can also use <a href="https://desktop.github.com/" rel="nofollow noreferrer">GitHub Desktop</a>. Then just add the repo, add images to the folder from your computer, commit and sync. This is essentially the command line git functionality but in the form of a GUI, making it easy for your friend to use.

P.S. Yes, I know this isn't actually on the Github website but it would solve your issue of giving your friend a way to upload images easily from Github.

I am using GitHub Pages, Jekyll, and Prose to manage a Website. Everything works fine, besides I cannot find a way to upload images. The Prose image uploader is not working probably as discussed in various tickets (for instance <a href="https://github.com/prose/prose/issues/566" rel="noreferrer">here</a>). 

Since the Website is for a friend without any git or command line experience, I am looking for another option to upload images easily from the browser to GitHub. Are there any other options like this? 
I don't want to host the image on an external site.

Upload images to GitHub from the browser

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我正在使用GitHub页面，Jekyll和散文来管理一个网站。一切都很好，而且我找不到上传图片的方法。散文图像上传器可能无法像在各种票证中讨论的那样工作(例如，)。由于该网站是为朋友没有任何git或命令行经验，我正在寻找另一个选项，轻松上传图片从浏览器到GitHub。还有其他像这样的选择吗？我不想把图片放在外部网站上。

问从浏览器将图像上传到GitHub
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从浏览器将图像上传到GitHubEN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从浏览器将图像上传到GitHub
EN