images - insertar imagen en readme md

Subir imágenes a GitHub desde el navegador

Question

Estoy usando GitHub Pages, Jekyll y Prose para administrar un sitio web. Todo funciona bien, además no puedo encontrar una manera de subir imágenes. El cargador de imágenes de la Prosa no funciona, como se explica en varias entradas (por ejemplo, here ).

Dado que el sitio web es para un amigo sin ninguna experiencia de git o línea de comando, estoy buscando otra opción para subir imágenes fácilmente desde el navegador a GitHub. ¿Hay alguna otra opción como esta? No deseo alojar la imagen en un sitio externo.

Answer 1

Es posible cargar las imágenes desde el navegador, sin usar Git.

Crea un nuevo problema GitHub y arrastra la imagen al cuadro de texto.
GitHub cargará la imagen y creará un enlace como este:
https://f.cloud.github.com/assets/19977/1656110/a3f8b280-5b6d-11e3-818d-c06ab05bd613.jpg

Fuente: Phil Haack de GitHub

Answer 2

GitHub acaba de agregar esta funcionalidad:

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

Ejemplo:

Answer 3

La solución que uso es codificar 64 imágenes en base64, aquí hay una herramienta que lo hará por usted (incluso ofrece optimización de imagen): https://www.base64-image.de/

¡Entonces puede hacer clic en copy image y eso le dará una larga cadena de caracteres que se pueden usar dentro de <img> src="" de un <img> , o una imagen incrustada de rebajas ![alt text](data:image/png;crazy-long-string-of-characters) .

Lo hice para esta publicación de blog que escribí desde un ChromeBook:

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

¡Las capturas de pantalla allí son base64!

Answer 4

Si conserva sus imágenes en el repositorio de Jeykll, se cargan y alojan. Solo búsquelos en GitHub en su repositorio, y pase el código de su img en su HTML al valor bruto .

Ejemplo: Imagen en mi repositorio: https://github.com/kevinSuttle/kevinsuttle.github.io/blob/master/images/19698565-media_httpfarm5static_jhkva.jpg

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

Tardé un rato en envolver mi cabeza también.

Answer 5

También puedes usar GitHub Desktop . Luego solo agrega el repositorio, agrega imágenes a la carpeta desde tu computadora, confirma y sincroniza. Esta es esencialmente la funcionalidad de la línea de comandos git pero en forma de una GUI, lo que facilita el uso de su amigo.

PD Sí, sé que esto no está realmente en el sitio web de Github, pero resolvería su problema de darle a su amigo una manera de subir imágenes fácilmente desde Github.

Answer 6

Actualización: ¡ Github ha lanzado la opción Subir para repositorios! Hay una manera fácil de subir imágenes a Github usando prose.io .

Pero debe agregar el código siguiente a _config.yml si desea subir imágenes al blog de Jekyll o si solo está utilizando páginas githb, entonces debe crear un archivo _prose.yml en la raíz y agregar este código dentro.

Esto funciona y así es como estoy actualizando mis publicaciones de blog y agregando imágenes en él.

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: ""

Ahora deberías poder subir imágenes a través de prosa.io

Lea el Tutorial detallado aquí: Cómo agregar o editar publicaciones de Jekyll en línea

Answer 7

Contexto Sí, es posible cargar imágenes usando Git, pero no desde el sitio web. Trabajo con Rails y Git carga una cantidad limitada de activos (logotipos, pngs, fondos, etc.)

Respuesta Si está trabajando con una página de Github, le recomendaría que guarde las imágenes en otro lugar . Yo particularmente uso Tumblr . Tengo un blog independiente de Tumblr donde publico todas mis imágenes (iconos, fondos, trabajo con clientes, etc.). Tumblr no los comprime tanto como Facebook o Google+, por lo que es perfecto para eso. http://superfantasticassets.tumblr.com