我正在使用 GitHub Pages、Jekyll 和 Prose 来管理网站。一切正常,除了我找不到上传图片的方法。散文图像上传器可能无法正常工作,如各种票证中所述(例如此处)。
由于该网站是为没有任何 git 或命令行经验的朋友准备的,因此我正在寻找另一种选择,以便轻松地将图像从浏览器上传到 GitHub。还有其他类似的选择吗?我不想在外部站点上托管图像。
可以从浏览器上传图像,而无需使用 Git 。
创建一个新的 GitHub 问题并将图像拖到文本框中。
GitHub 将上传图片并创建一个类似这样的链接:
https ://f.cloud.github.com/assets/19977/1656110/a3f8b280-5b6d-11e3-818d-c06ab05bd613.jpg
资料来源:GitHub 的Phil Haack
我使用的解决方法是对图像进行 base64 编码,这是一个可以为您执行此操作的工具(它甚至提供图像优化):https ://www.base64-image.de/
然后,您只需单击copy image
,就会为您提供一长串字符,可在<img>
'ssrc=""
或 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 已经发布了存储库的上传选项! 有一种使用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上传图片了
在此处阅读详细教程:如何在线添加或编辑 Jekyll 帖子
上下文 是的,可以使用 Git 上传图片,但不能从网站上传。我使用 Rails 和 Git 上传有限数量的资产(徽标、png、背景等)
回答 如果您正在使用 Github 页面,我建议您将图像存储在其他地方。我特别使用Tumblr。我有一个独立的 Tumblr 博客,我在其中发布我的所有图片(图标、背景、客户作品等)。Tumblr 不像 Facebook 或 Google+ 那样压缩它们,因此非常适合。http://superfantasticassets.tumblr.com
如果您将图像保存在 Jeykll 存储库中,它们会被上传并托管。只需在您的 repo 中的 GitHub 上找到它们,然后在您的 HTML 中传递您的 img 的 src原始值。
我也花了一段时间才把头绕过去。
您还可以使用GitHub 桌面。然后只需添加存储库,将图像从您的计算机添加到文件夹,提交并同步。这本质上是命令行 git 功能,但以 GUI 的形式,方便您的朋友使用。
PS 是的,我知道这实际上不在 Github 网站上,但它可以解决您的问题,让您的朋友可以轻松地从 Github 上传图像。