<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Features | Example Hugo site with Toph theme</title><link>https://justwheel.github.io/toph-hugo-theme/es/categories/features/</link><description>Honorary biography page of Septima Clark, a Civil Rights Movement pioneer and activist.</description><generator>Hugo -- gohugo.io</generator><language>es</language><managingEditor>Septima Poinsette Clark</managingEditor><lastBuildDate>Sun, 05 Jul 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://justwheel.github.io/toph-hugo-theme/es/rss/categories/features/index.xml" rel="self" type="application/rss+xml"/><item><title>Compatibilidad con las admoniciones de AsciiDoc</title><link>https://justwheel.github.io/toph-hugo-theme/es/blog/asciidoc-admonitions/</link><pubDate>Sun, 05 Jul 2026 00:00:00 +0000</pubDate><guid>https://justwheel.github.io/toph-hugo-theme/es/blog/asciidoc-admonitions/</guid><description><![CDATA[<div class="paragraph">
<p>AsciiDoc ofrece cinco tipos de admoniciones integrados para llamar la atención sobre contenido específico.
Toph da estilo a cada tipo como una tarjeta de aviso refinada con un borde izquierdo de color, un fondo con tono suave y un icono.</p>
</div>
<div class="sect1">
<h2 id="_tipos_de_admoniciones">Tipos de admoniciones</h2>
<div class="sectionbody">
<div class="paragraph">
<p>AsciiDoc define cinco tipos de admoniciones, cada una con un propósito diferente.</p>
</div>
<div class="admonitionblock note">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Note</div>
</td>
<td class="content">
Usa las notas para proporcionar contexto adicional o información complementaria que respalde el texto principal.
</td>
</tr>
</tbody></table>
</div>
<div class="admonitionblock tip">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Tip</div>
</td>
<td class="content">
Usa los consejos para compartir buenas prácticas, atajos o recomendaciones que ayuden al lector.
</td>
</tr>
</tbody></table>
</div>
<div class="admonitionblock warning">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Warning</div>
</td>
<td class="content">
Usa las advertencias para alertar al lector sobre posibles problemas o dificultades que debe tener en cuenta.
</td>
</tr>
</tbody></table>
</div>
<div class="admonitionblock caution">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Caution</div>
</td>
<td class="content">
Usa las precauciones para señalar acciones que podrían causar daño, pérdida de datos o consecuencias no deseadas si se realizan sin cuidado.
</td>
</tr>
</tbody></table>
</div>
<div class="admonitionblock important">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Important</div>
</td>
<td class="content">
Usa las admoniciones importantes para resaltar información crítica que el lector no debe pasar por alto.
</td>
</tr>
</tbody></table>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_admoniciones_en_bloque">Admoniciones en bloque</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Las admoniciones también pueden abarcar varios párrafos usando la sintaxis de bloque de AsciiDoc.
Esto es útil cuando el mensaje necesita más de una oración.</p>
</div>
<div class="admonitionblock note">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Note</div>
</td>
<td class="content">
<div class="paragraph">
<p>Las admoniciones en bloque usan la sintaxis delimitadora con cuatro signos de igual.
Pueden contener varios párrafos, listas y otros elementos de AsciiDoc.</p>
</div>
<div class="paragraph">
<p>Este es un segundo párrafo dentro de la misma admonición.</p>
</div>
</td>
</tr>
</tbody></table>
</div>
<div class="admonitionblock tip">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Tip</div>
</td>
<td class="content">
<div class="paragraph">
<p>Al escribir documentación, considera qué tipo de admonición se ajusta mejor a tu mensaje.</p>
</div>
<div class="ulist">
<ul>
<li>
<p><strong>NOTE</strong> para contexto complementario</p>
</li>
<li>
<p><strong>TIP</strong> para consejos prácticos</p>
</li>
<li>
<p><strong>WARNING</strong> para posibles dificultades</p>
</li>
<li>
<p><strong>CAUTION</strong> para riesgo de daño o pérdida de datos</p>
</li>
<li>
<p><strong>IMPORTANT</strong> para información crítica</p>
</li>
</ul>
</div>
</td>
</tr>
</tbody></table>
</div>
<div class="admonitionblock warning">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Warning</div>
</td>
<td class="content">
<div class="paragraph">
<p>Las admoniciones deben usarse con moderación.
El uso excesivo diluye su impacto y dificulta la lectura rápida del contenido.</p>
</div>
</td>
</tr>
</tbody></table>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_sintaxis">Sintaxis</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Hay dos formas de escribir admoniciones en AsciiDoc.</p>
</div>
<div class="sect2">
<h3 id="_sintaxis_en_línea">Sintaxis en línea</h3>
<div class="paragraph">
<p>La forma más simple coloca la etiqueta de la admonición al principio de un párrafo:</p>
</div>
<div class="listingblock">
<div class="content">
<pre class="highlight"><code class="language-asciidoc" data-lang="asciidoc">NOTE: Esta es una nota en línea.

TIP: Este es un consejo en línea.</code></pre>
</div>
</div>
</div>
<div class="sect2">
<h3 id="_sintaxis_en_bloque">Sintaxis en bloque</h3>
<div class="paragraph">
<p>Para admoniciones de varios párrafos, usa el delimitador de bloque:</p>
</div>
<div class="listingblock">
<div class="content">
<pre class="highlight"><code class="language-asciidoc" data-lang="asciidoc">[NOTE]
====
Primer párrafo de la admonición.

Segundo párrafo de la admonición.
====</code></pre>
</div>
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_más_información">Más información</h2>
<div class="sectionbody">
<div class="ulist">
<ul>
<li>
<p><a href="https://docs.asciidoctor.org/asciidoc/latest/blocks/admonitions/">Documentación de admoniciones de AsciiDoc</a></p>
</li>
<li>
<p><a href="https://docs.asciidoctor.org/asciidoc/latest/syntax-quick-reference/#admonitions">Referencia rápida de admoniciones</a></p>
</li>
</ul>
</div>
</div>
</div>
]]></description></item></channel></rss>