¿Cómo puedo hacer referencia a una imagen en GitLab markdown en el directorio actual con la ruta que comienza con ./ dot slash?

81

He almacenado un archivo Markdown y un archivo de imagen en un repositorio de Git de la siguiente manera:

  • readme.markdown
  • images/
    • image.png

Hago referencia a la imagen de readme.markdownesta manera:

![](./images/image.png)

Esto se representa como se esperaba en ReText, pero no se representa cuando envío el repositorio a GitLab.

¿Cómo puedo hacer referencia a la imagen del archivo Markdown para que se muestre cuando se ve en GitLab?

image markdown gitlab lofidevops
fuente

Respuestas:

109

![](images/image.png)sin las ./obras para mí: https://gitlab.com/cirosantilli/test/blob/bffbcc928282ede14dcb42768f10a7ef21a665f1/markdown.md#image

Abrí una solicitud para que esto se permita en: http://feedback.gitlab.com/forums/176466-general/suggestions/6746307-support-markdown-image-path-in-current-directory-s , pero entró en el vacío de Internet cuando GitLab descargó UserVoice.

Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
fuente
2
Es verdad. Vuelvo a intentar sin el ./y funciona. Edito mi publicación
PierreF
2
¿Qué pasa con la definición de un tamaño de imagen personalizado (alto x ancho)?
danger89
Los documentos de @ danger89 no dicen nada github.com/gitlabhq/gitlabhq/blob/master/doc/markdown/… así que supongo que es imposible. Entonces, HTML dentro del markdown (parece permitirlo: rubydoc.info/gems/html-pipeline/HTML/Pipeline/… ) o ImageMagick.
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
18

Problema similar con Gitlab & Images en readme.md

Tuve el mismo problema con mi logotipo dentro de un readme.md en mi extensión y con Gitlab (que se ejecuta en un servidor Ubuntu).

Versión de Ubuntu: 16.04.2 LTS

Versión de Gitlab: 10.3.4 56dc722

Mi solución

También puede utilizar un fragmento para el uso de imágenes en su archivo readme.md simplemente siguiendo estos pasos:

En la descripción general de Gitlab (con sesión iniciada)

  1. Vaya al proyecto donde desea usar esa imagen
  2. en la parte superior de navegación a la derecha haga clic en el botón +
  3. BAJO SU PROYECTO, haga clic en nuevo fragmento en el menú desplegable

En el nuevo formulario de fragmento

  1. Escriba un título
  2. En la esquina inferior derecha del campo RTE, haga clic en Adjuntar un archivo
  3. Seleccione su archivo y presione Abrir
  4. Haga clic en la casilla de verificación Público
  5. nombre el fragmento (debajo de las casillas de verificación) [el campo al lado del 1 no el "encabezado"]
  6. Haga clic en Crear fragmento

Solución de problemas

Si recibe el siguiente error, olvidó el punto 5:

El formulario contiene el siguiente error:

El contenido no puede estar en blanco

Ahora tenemos un Imagelink funcionando

Ahora, si vuelve a editar el fragmento, puede copiar el código de imagen con este aspecto:

![Alt-Text](/uploads/472fc65e1a1bc11b355cc03d6c339fd5/logo_.svg)

a su archivo readme.md.

Si también desea utilizar un enlace, tiene que verse así:

[![Alt-Text](/uploads/4013547485b9e88e98f1af3870116a29/logo_mit_claim.svg)](https://your-destination.com)

Espero que ayude a otros ppls

MonTea
fuente
No funciona para mi. Ninguno de los fragmentos contiene la imagen. Si hago clic en el enlace, mi navegador me pide que lo guarde como archivo de texto: image.svg.txty no muestro la imagen
betontalpfa
3
Finalmente, descubrí que su solución también funciona para mí, solo que hubo otro problema en mi caso: inkscape exportó mi archivo svg, que funciona bien en documentos de rebajas locales, pero necesito configurar svg simple para usar en gitlab.
betontalpfa
2
  1. Ve a tu proyecto
  2. Seleccionar problemas
  3. Crear nuevo problema
  4. En la descripción del nuevo problema, haga clic en adjuntar archivo
  5. Busque su archivo y adjúntelo
  6. Se nombre del archivogenerará un enlace con el formato " " en el panel de descripción.
  7. Copie el enlace y péguelo en su archivo readme.md
  8. No envíe el problema a menos que haya tenido la intención de hacerlo.
Boago
fuente
Esta solución (con una modificación) es la que prefiero, porque permite copiar + pegar para agregar una imagen al Readme.md En resumen, en un problema: 1) generar una URL para la imagen y luego 2) copiar y pegar la nueva URL del Readme.md (en modo de edición) y 3) con el modo de vista previa en el archivo Readme.md, se mostrará la imagen.
Nexus7_2012
0

Mis imágenes estaban en la .bin/img/carpeta.
Tuve que usar el siguiente formato para obtener una imagen:

![alt text](<./bin/img/some_image.png>)

Cuidado con el <>

Aldo
fuente
Los corchetes puntiagudos parecen ser necesarios al menos para gitlab 9.1.4
dschulten
-1

En GitLab Markdown, puede agregar imágenes al archivo Markdown de dos maneras diferentes.

  1. Estilo en línea:

    ![alt text](img/markdown_logo.png "Title Text")

  2. Estilo de referencia:

    ![alt text1][logo]

    [logo]: img/markdown_logo.png "Title Text"

Puede utilizar cualquiera de los métodos anteriores. En tu caso eliminar el ./será la solución.

![](images/image.png)

Para obtener más información sobre GitLab Markdown .

anoopknr
fuente