Télécharger des images sur GitHub depuis le navigateur

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 téléchargeur d’images de Prose ne fonctionne probablement pas comme indiqué dans divers tickets (par exemple ici ).

Puisque le site Web est destiné à un ami sans aucune expérience de ligne de commande ou de ligne de commande, je recherche une autre option pour télécharger facilement des images depuis le navigateur vers GitHub. Y a-t-il d’autres options comme celle-ci? Je ne veux pas héberger l’image sur un site externe.

GitHub vient d’append cette fonctionnalité:

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

Exemple:

Téléchargement d'image GH

Il est possible de télécharger les images depuis le navigateur sans utiliser Git.

Créez un nouveau problème GitHub et faites glisser l’image dans la zone de texte.
GitHub va télécharger l’image et créer un lien comme celui-ci:
https://f.cloud.github.com/assets/19977/1656110/a3f8b280-5b6d-11e3-818d-c06ab05bd613.jpg

Source: Phil Haack de GitHub

La solution de contournement que j’utilise est d’encoder des images en base64, 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 pouvant être utilisée à l’intérieur d’une image src="" , ou d’une image de démarque ![alt text](data:image/png;crazy-long-ssortingng-of-characters) .

Je l’ai fait pour cet article que j’ai écrit à partir d’un ChromeBook:

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

Les captures d’écran sont en base64!

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 pour télécharger une quantité limitée de ressources (logos, pngs, arrière-plans, etc.)

Réponse Si vous travaillez avec une page Github, je vous recommande de stocker les images ailleurs . J’utilise particulièrement Tumblr . J’ai un blog indépendant sur lequel je poste toutes mes images (icons, 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

Mise à jour: Github a publié une option de téléchargement pour les repositorys! entrer la description de l'image ici Il existe un moyen facile de télécharger des images sur Github en utilisant prose.io .

Mais vous devez append 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 fichier _prose.yml dans la racine et append ce code à l’intérieur.

Cela fonctionne et c’est comme ça que je met à jour mes articles de 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: "" 

Maintenant, vous devriez être capable de télécharger des images via prose.io

Lire le tutoriel détaillé ici: Comment append ou modifier des messages Jekyll en ligne

Si vous conservez vos images dans le repository Jeykll, elles sont téléchargées et hébergées. Il suffit de les trouver sur GitHub dans votre repo, et de transmettre la valeur brute du src de votre img dans votre code HTML.

Exemple: image dans mon repository: https://github.com/kevinSuttle/kevinsuttle.github.io/blob/master/images/19698565-media_httpfarm5static_jhkva.jpg

Raw: https://raw.github.com/kevinSuttle/kevinsuttle.github.io/master/images/19698565-media_httpfarm5static_jhkva.jpg

Il m’a fallu du temps pour envelopper ma tête.

Vous pouvez également utiliser GitHub Desktop . Ajoutez simplement le repository, ajoutez des images au dossier depuis votre ordinateur, validez et synchronisez. Il s’agit essentiellement de la fonctionnalité git de la ligne de commande, mais sous la forme d’une interface graphique, ce qui facilite son utilisation par votre ami.

PS Oui, je sais que ce n’est 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.