Télécharger des images sur GitHub à partir du navigateur
J'utilise les Pages GitHub, Jekyll et Prose pour gérer un site web. Tout fonctionne bien, d'ailleurs je ne peux pas trouver un moyen de télécharger des images. L'uploader D'image en Prose ne fonctionne probablement pas comme discuté dans divers tickets (par exemple ici).
Puisque le site est pour un ami sans expérience Git ou en ligne de commande, je cherche une autre option pour télécharger des images facilement du navigateur vers GitHub. Existe-il d'autres options comme cela? Je ne veux pas héberger l'image sur un site externe.
7 réponses
GitHub vient d'ajouter cette fonctionnalité:
Https://help.github.com/articles/adding-a-file-to-a-repository/
Exemple:
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 one:
https://f.cloud.github.com/assets/19977/1656110/a3f8b280-5b6d-11e3-818d-c06ab05bd613.jpg
Source: de GitHub Phil Haack
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 qui peut être utilisée à l'intérieur d'un <img>
src=""
, ou une image intégrée markdown ![alt text](data:image/png;crazy-long-string-of-characters)
.
Je l'ai fait pour ce blog que j'ai écrit à partir d'un ChromeBook:
Https://ryanpcmcquen.org/javascript/2015/10/20/fix-hackpad-printing.html
Les captures d'écran sont base64!
Contexte Oui, il est possible de télécharger des images en utilisant Git, mais pas à partir du site web. Je travaille avec Rails et git télécharge un nombre limité d'actifs (logos, PNG, 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 Tumblr indépendant où je poste toutes mes images (icônes, arrière-plans, travail client, etc.). Tumblr ne les compresse pas comme tout comme Facebook ou Google+, il est donc parfait pour cela. http://superfantasticassets.tumblr.com
Mise à jour: Github a publié L'option de téléchargement pour les dépôts! Il existe un moyen facile de télécharger des images sur Github en utilisant prose.io .
, Mais vous devez ajouter le code ci-dessous pour _config.yml Si vous voulez télécharger des images sur le blog Jekyll ou si vous utilisez uniquement des pages githb, vous devez créer un _prose.YML fichier à la racine et ajouter ce code à l'intérieur.
Cela fonctionne et c'est ainsi que je mets à jour mes articles de blog et ajoute des images dedans.
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 en mesure de télécharger des images via prose.io
Lire le tutoriel détaillé ici: comment ajouter ou modifier les messages Jekyll en ligne
Si vous conservez vos images dans le dépôt Jeykll, elles sont téléchargées et hébergées. Trouvez-les simplement sur GitHub dans votre repo, et passez le src de votre img dans votre HTML la valeurraw .
Exemple: Image dans mon repo: 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 autour d'elle aussi.
Vous pouvez également utiliser Github Desktop. Ensuite, il suffit d'ajouter le repo, ajouter des images dans le dossier de votre ordinateur, valider et synchroniser. Il s'agit essentiellement de la fonctionnalité de ligne de commande git, mais sous la forme d'une interface graphique, ce qui facilite l'utilisation de votre ami.
P.S. Oui, je sais que ce n'est pas réellement sur le site Github mais cela résoudrait votre problème de donner à votre ami un moyen de télécharger des images facilement depuis Github.