web-dev-qa-db-fra.com

Télécharger des images sur GitHub à partir du 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 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.

imagegithubjekyllprose
45
ustroetz

GitHub vient d'ajouter cette fonctionnalité:

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

Exemple:

 GH Image upload

10
ryanpcmcquen

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!

5
ryanpcmcquen

Mise à jour: Github a publié l'option de téléchargement pour les référentiels!  enter image description here 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

1
Sharath kumar

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

1
rodrigotello

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

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

Il m'a fallu un certain temps pour envelopper ma tête aussi. 

0
Kevin Suttle

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.

0
Ethan