J'utilise GitHub Pages, Jekyll et Prose pour gérer un site Web. Tout fonctionne bien, en plus je ne peux pas trouver un moyen de télécharger des images. Le programme de téléchargement d’images Prose ne fonctionne probablement pas comme indiqué dans divers tickets (par exemple ici ).
Étant donné que le site Web est destiné à un ami sans expérience en ligne de commande ou git, je recherche une autre option pour télécharger facilement des images du navigateur vers GitHub. Y a-t-il d'autres options comme celle-ci? Je ne souhaite pas héberger l'image sur un site externe.
GitHub vient d'ajouter cette fonctionnalité:
https://help.github.com/articles/adding-a-file-to-a-repository/
Exemple:
La solution de contournement que j’utilise est de coder en base64 des images. Voici un outil qui le fera pour vous (il offre même une optimisation d’image): https://www.base64-image.de/
Ensuite, vous pouvez simplement cliquer sur copy image
et cela vous donnera une longue chaîne de caractères qui peuvent être utilisés dans un <img>
de src=""
, ou une ![alt text](data:image/png;crazy-long-string-of-characters)
d'image intégrée de démarquage.
Je l'ai fait pour ce billet que j'ai écrit à partir d'un ChromeBook:
https://ryanpcmcquen.org/javascript/2015/10/20/fix-hackpad-printing.html
Les screenshots il y a base64!
Mise à jour: Github a publié l'option de téléchargement pour les référentiels! Il existe un moyen simple de télécharger des images sur Github en utilisant prose.io.
Mais vous devez ajouter le code ci-dessous à _config.yml si vous souhaitez télécharger des images sur le blog Jekyll ou si vous utilisez uniquement des pages githb, vous devez créer un _prose.yml déposer dans la racine et ajouter ce code à l'intérieur.
Cela fonctionne et voici comment je mets à jour les articles de mon blog et y ajoute des images.
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: ""
Vous devriez maintenant pouvoir télécharger des images via prose.io
Lisez le didacticiel détaillé ici: Comment ajouter ou modifier des publications de Jekyll en ligne
Contexte Oui, il est possible de télécharger des images à l'aide de Git, mais pas à partir du site Web. Je travaille avec Rails et Git télécharge un nombre limité d’actifs (logos, images, arrière-plans, etc.).
Réponse Si vous utilisez une page Github, je vous recommanderais de stocker les images ailleurs. J'utilise particulièrement Tumblr. J'ai un blog Tumblr indépendant sur lequel je poste toutes mes images (icônes, arrière-plans, travail client, etc.). Tumblr ne les compresse pas autant que Facebook ou Google+, il est donc parfait pour cela. http://superfantasticassets.tumblr.com
Si vous conservez vos images dans le dépôt Jeykll, elles sont téléchargées et hébergées. Il suffit de les trouver sur GitHub dans votre dépôt et de transmettre la src de votre img dans votre code HTML à la valeur raw.
Exemple: Image dans mon référentiel: https://github.com/kevinSuttle/kevinsuttle.github.io/blob/master/images/19698565-media_httpfarm5static_jhkva.jpg
Il m'a fallu un certain temps pour envelopper ma tête aussi.
Vous pouvez également utiliser GitHub Desktop . Ensuite, ajoutez simplement le référentiel, ajoutez des images au dossier à partir de votre ordinateur, validez et synchronisez. Il s'agit essentiellement de la fonctionnalité git en ligne de commande, mais sous la forme d'une interface graphique, facilitant son utilisation par vos amis.
P.S. Oui, je sais que cela ne se trouve pas sur le site Web de Github, mais cela résoudrait votre problème de donner à votre ami un moyen de télécharger facilement des images depuis Github.