Usar enlaces absolutos para imágenes

Si subes una imagen a Discourse mediante el botón image, la URL utilizada en el HTML del tema es relativa.

Otros analizadores de Markdown, como GitHub, convierten todas esas URLs en absolutas.

Esto sería útil al extraer el marcado a través de la API, por ejemplo, ya que significa que las URLs seguirán funcionando y tendrán sentido en cualquier contexto.

¿De verdad?

Tu publicación se muestra así:

<p dir="ltr">
  Si subes una imagen a Discourse mediante el
  <img src="https://d11a6trkgmumsb.cloudfront.net/original/3X/3/3/334422a7f2abc1e7463a3450ae1834748b842da7.png" alt="image" data-base62-sha1="7jwktUgPUE9mp7Jb4gYTYH5wDYj" width="36" height="34">
  botón, la URL utilizada en el HTML del tema es relativa.
</p>

lo cual, para mí, parece absoluto.

2 Me gusta

Meta.discourse.org está claramente configurado para cargar recursos en un servidor de recursos de algún tipo. En este caso, la URL debe ser absoluta, de lo contrario no funcionaría en absoluto.

Esto no es cierto, por ejemplo, en https://discourse.ubuntu.com/, así que asumo que no es la configuración predeterminada. Parece que la configuración predeterminada es que los recursos se carguen en el mismo sitio y, por lo tanto, se utilice una URL relativa.

Estoy sugiriendo que las URL relativas nunca se utilicen.

1 me gusta

Así que estoy revisando este tema en https://discourse.ubuntu.com/t/ubuntu-desktop-on-raspberry-pi-feedback/18956:

<div class="cooked"><p>Estamos encantados de llevar Ubuntu Desktop 20.10 a Raspberry Pi 4, completando la gama de la familia Ubuntu para Raspberry Pi. Te animamos a probarlo y darnos tu opinión para que podamos seguir mejorando <img src="https://discourse.ubuntu.com/images/emoji/emoji_one/chart_with_upwards_trend.png?v=9" title=":chart_with_upwards_trend:" class="emoji" alt=":chart_with_upwards_trend:"> Ubuntu, en sus versiones de escritorio, servidor y core, en Raspberry Pi.</p>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="//ubuntucommunity.s3.dualstack.us-east-2.amazonaws.com/original/2X/5/538181beb312f73b48c34e93c96ec5ca15e98734.jpeg" title="Groovy-Gorilla_WP_1920x1080_RPi.jpg" rel="nofollow noopener"><img src="https://ubuntucommunity.s3.dualstack.us-east-2.amazonaws.com/optimized/2X/5/538181beb312f73b48c34e93c96ec5ca15e98734_2_690x388.jpeg" alt="Groovy-Gorilla_WP_1920x1080_RPi" data-base62-sha1="bUJ61kFOTd09on4dBLyNSmfKJw0" class="d-lazyload" srcset="//ubuntucommunity.s3.dualstack.us-east-2.amazonaws.com/optimized/2X/5/538181beb312f73b48c34e93c96ec5ca15e98734_2_690x388.jpeg, //ubuntucommunity.s3.dualstack.us-east-2.amazonaws.com/optimized/2X/5/538181beb312f73b48c34e93c96ec5ca15e98734_2_1035x582.jpeg 1.5x, //ubuntucommunity.s3.dualstack.us-east-2.amazonaws.com/optimized/2X/5/538181beb312f73b48c34e93c96ec5ca15e98734_2_1380x776.jpeg 2x" width="690" height="388"><div class="meta">
<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg><span class="filename">Groovy-Gorilla_WP_1920x1080_RPi.jpg</span><span class="informations">1920×1080 143 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>
</div></a></div><p></p>
<p>En el video de abajo, presentamos Ubuntu Desktop para Raspberry Pi, cómo configurarlo y empezar a usarlo.</p>
<p><a href="https://youtu.be/0pT4-RcTERU" class="onebox" target="_blank" rel="nofollow noopener">https://youtu.be/0pT4-RcTERU <span class="badge badge-notification clicks" title="27 clicks">27</span></a></p>
<p>Si lo prefieres, aquí tienes tutoriales para empezar:</p>
<p><img src="https://discourse.ubuntu.com/images/emoji/emoji_one/woman_student.png?v=9" title=":woman_student:" class="emoji" alt=":woman_student:"><a href="https://ubuntu.com/tutorials/how-to-install-ubuntu-desktop-on-raspberry-pi-4#1-overview" rel="nofollow noopener">Cómo instalar Ubuntu Desktop en Raspberry Pi 4 <span class="badge badge-notification clicks" title="56 clicks">56</span></a></p>
<p><img src="https://discourse.ubuntu.com/images/emoji/emoji_one/man_student.png?v=9" title=":man_student:" class="emoji" alt=":man_student:"><a href="https://ubuntu.com/tutorials/how-to-install-ubuntu-on-your-raspberry-pi#1-overview" rel="nofollow noopener">Cómo instalar Ubuntu Server en tu Raspberry Pi <span class="badge badge-notification clicks" title="22 clicks">22</span></a></p>
<p><strong>¿Qué aplicaciones te gustaría ver en Raspberry Pi?</strong></p>
<p>Aunque la gran mayoría del repositorio de Ubuntu está disponible para dispositivos ARM, no todos los desarrolladores e ISV publican compilaciones ARM de su software en la <a href="https://snapcraft.io/store" rel="nofollow noopener">Snap Store <span class="badge badge-notification clicks" title="7 clicks">7</span></a> ni en sus sitios web respectivos. Comenta abajo para hacernos saber qué software te falta en Raspberry Pi/ARM y que te gustaría ver <img src="https://discourse.ubuntu.com/images/emoji/emoji_one/eyes.png?v=9" title=":eyes:" class="emoji" alt=":eyes:"> disponible, y veremos qué podemos hacer.</p>
<p><strong>¿Qué HATs estás utilizando?</strong></p>
<p>Raspberry Pi cuenta con un ecosistema rico en HATs (Hardware attached on top) y buscamos ampliar la biblioteca de módulos/controladores HAT <img src="https://discourse.ubuntu.com/images/emoji/emoji_one/tophat.png?v=9" title=":tophat:" class="emoji" alt=":tophat:"> disponibles en Ubuntu en los próximos meses. Dinos qué HATs estás usando en tus proyectos para que podamos entender mejor dónde priorizar nuestro trabajo.</p>
<p><strong>¿Otro hardware?</strong></p>
<p>Cámaras, pantallas, GPIO, pantallas táctiles, accesorios USB y más. ¿Cómo ha sido tu experiencia usando tus accesorios y periféricos existentes para Raspberry Pi en Ubuntu?</p>
<p><strong>¿Qué estás creando con Ubuntu en Raspberry Pi?</strong></p>
<p>Por último, muéstranos que estás usando Ubuntu Desktop en tu Raspberry Pi, o para qué lo estás usando, para tener la oportunidad de ganar algunos productos gratuitos de Groovy Gorilla <img src="https://discourse.ubuntu.com/images/emoji/emoji_one/gorilla.png?v=9" title=":gorilla:" class="emoji" alt=":gorilla:"><img src="https://discourse.ubuntu.com/images/emoji/emoji_one/dark_sunglasses.png?v=9" title=":dark_sunglasses:" class="emoji" alt=":dark_sunglasses:">. Sé de los primeros en rellenar este formulario: <a href="https://forms.gle/h9wodaFLFYPGps8y6" rel="nofollow noopener">https://forms.gle/h9wodaFLFYPGps8y6 <span class="badge badge-notification clicks" title="38 clicks">38</span></a></p></div>

Para mí, esas parecen ser URLs absolutas.

También he probado en una instancia de prueba que tengo sin CDN y parece que también está usando URLs absolutas.

Además, tenemos esta solicitud de función Need relative URLs for uploaded images que pide lo contrario de lo que tú estás pidiendo, así que realmente estoy confundido aquí.

1 me gusta

Ah, lo siento, quizás se solucionó en una actualización reciente, o hay algo más ocurriendo.

Voy a ver si puedo reproducir el problema que tuvimos y te responderé.

1 me gusta