【发布时间】:2014-01-18 21:15:43
【问题描述】:
我正在使用 GitHub Pages、Jekyll 和 Prose 来管理网站。一切正常,除了我找不到上传图片的方法。散文图像上传器可能无法像各种票证中讨论的那样工作(例如here)。
由于该网站是为没有任何 git 或命令行经验的朋友准备的,因此我正在寻找另一个选项,以便将图像从浏览器轻松上传到 GitHub。还有其他类似的选择吗? 我不想在外部网站上托管图片。
【问题讨论】:
我正在使用 GitHub Pages、Jekyll 和 Prose 来管理网站。一切正常,除了我找不到上传图片的方法。散文图像上传器可能无法像各种票证中讨论的那样工作(例如here)。
由于该网站是为没有任何 git 或命令行经验的朋友准备的,因此我正在寻找另一个选项,以便将图像从浏览器轻松上传到 GitHub。还有其他类似的选择吗? 我不想在外部网站上托管图片。
【问题讨论】:
我使用的解决方法是对图像进行 base64 编码,这里有一个工具可以为您做到这一点(它甚至提供图像优化):https://www.base64-image.de/
然后,您只需单击copy image,就会得到一长串字符,可以在<img> 的src="" 或markdown 嵌入图像 中使用。
我在 ChromeBook 上写的这篇博文就是这样做的:
https://ryanpcmcquen.org/javascript/2015/10/20/fix-hackpad-printing.html
那里的截图是base64的!
【讨论】:
img 标签上没有src 属性。
您也可以使用GitHub Desktop。然后只需添加存储库,将图像从您的计算机添加到文件夹,提交并同步。这本质上是命令行 git 功能,但采用 GUI 的形式,方便您的朋友使用。
附:是的,我知道这实际上不在 Github 网站上,但它可以解决您的问题,让您的朋友可以轻松地从 Github 上传图片。
【讨论】:
更新: 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
【讨论】:
【讨论】:
上下文 是的,可以使用 Git 上传图片,但不能从网站上传。我使用 Rails 和 Git 上传有限数量的资产(徽标、png、背景等)
回答 如果您正在使用 Github 页面,我建议您将图像存储在其他地方。我特别使用 Tumblr。我有一个独立的 Tumblr 博客,我在其中发布我的所有图片(图标、背景、客户作品等)。 Tumblr 不像 Facebook 或 Google+ 那样压缩它们,因此非常适合。 http://superfantasticassets.tumblr.com
【讨论】:
可以在不使用 Git 的情况下从浏览器上传图片。
创建一个新的 GitHub 问题并将图像拖到文本框中。
GitHub 将上传图片并创建如下链接:
https://f.cloud.github.com/assets/19977/1656110/a3f8b280-5b6d-11e3-818d-c06ab05bd613.jpg
来源:GitHub 的Phil Haack
【讨论】:
如果您将图像保存在 Jeykll 存储库中,它们会被上传并托管。只需在 GitHub 上的 repo 中找到它们,然后在 HTML 中将 img 的 src 传递给 raw 值。
示例: 我的仓库中的图片:https://github.com/kevinSuttle/kevinsuttle.github.io/blob/master/images/19698565-media_httpfarm5static_jhkva.jpg
我也花了一段时间才把头绕过去。
【讨论】: