<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>AsciiDoc | Example Hugo site with Toph theme</title><link>https://justwheel.github.io/toph-hugo-theme/es/tags/asciidoc/</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>Mon, 01 Jan 0001 00:00:00 +0000</lastBuildDate><atom:link href="https://justwheel.github.io/toph-hugo-theme/es/rss/tags/asciidoc/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><item><title>Blogging con AsciiDoc en Toph</title><link>https://justwheel.github.io/toph-hugo-theme/es/blog/asciidoc-blogging/</link><pubDate>Mon, 23 Mar 2026 00:00:00 +0000</pubDate><guid>https://justwheel.github.io/toph-hugo-theme/es/blog/asciidoc-blogging/</guid><description><![CDATA[<div class="paragraph">
<p>Toph trata a AsciiDoc como un formato de contenido de primera clase.
Todo lo que funciona con Markdown también funciona con AsciiDoc: insignias de taxonomía, metadatos de publicaciones, imágenes de portada, anclas de encabezado y navegación.</p>
</div>
<div class="sect1">
<h2 id="_por_qué_asciidoc">¿Por qué AsciiDoc?</h2>
<div class="sectionbody">
<div class="paragraph">
<p>AsciiDoc ofrece funciones que Markdown no tiene:</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Tabla de contenido nativa con el atributo de documento <code>:toc:</code></p>
</li>
<li>
<p>Bloques de admonición (NOTE, TIP, WARNING, IMPORTANT, CAUTION)</p>
</li>
<li>
<p>Directivas de inclusión para reutilizar contenido entre páginas</p>
</li>
<li>
<p>Soporte integrado para tablas complejas y listas anidadas</p>
</li>
</ul>
</div>
<div class="paragraph">
<p>Si ya te sientes cómodo escribiendo en AsciiDoc, Toph atenderá tus necesidades sin compromisos.</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_crear_una_publicación_en_asciidoc">Crear una publicación en AsciiDoc</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Crea un archivo con la extensión <code>.adoc</code> en tu directorio de blog:</p>
</div>
<div class="listingblock">
<div class="content">
<pre class="highlight"><code class="language-bash" data-lang="bash">hugo new blog/my-post.adoc</code></pre>
</div>
</div>
<div class="paragraph">
<p>Añade el front matter en YAML al principio del archivo, seguido del contenido en AsciiDoc:</p>
</div>
<div class="listingblock">
<div class="content">
<pre class="highlight"><code class="language-asciidoc" data-lang="asciidoc">---
title: &#34;Título de mi publicación&#34;
date: 2026-01-15
draft: false
categories:
  - &#34;tech&#34;
tags:
  - &#34;hugo&#34;
  - &#34;asciidoc&#34;
author: &#34;Nombre del autor&#34;
description: &#34;Un breve resumen de la publicación.&#34;
---

Tu contenido en AsciiDoc comienza aquí.</code></pre>
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_tabla_de_contenido">Tabla de contenido</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Para habilitar una tabla de contenido, añade el atributo <code>:toc:</code> después del front matter:</p>
</div>
<div class="listingblock">
<div class="content">
<pre class="highlight"><code class="language-asciidoc" data-lang="asciidoc">---
title: &#34;Título de mi publicación&#34;
toc: true
---
:toc:

== Primera sección</code></pre>
</div>
</div>
<div class="paragraph">
<p>El CSS de Toph da estilo a la tabla de contenido generada por AsciiDoc de forma idéntica a la opción <code>toc: true</code> del front matter de Markdown.
Ambos formatos producen el mismo resultado visual.</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_anclas_de_encabezado">Anclas de encabezado</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Aparecen enlaces de anclaje en los que se puede hacer clic (🔗) al pasar el cursor sobre todos los encabezados de sección.
Para Markdown, esto se gestiona mediante un render hook.
Para AsciiDoc, Toph inyecta el mismo marcado de anclaje mediante el procesamiento de plantillas.
Ambos formatos producen resultados idénticos.</p>
</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/">Documentación del lenguaje AsciiDoc</a></p>
</li>
<li>
<p><a href="https://docs.asciidoctor.org/asciidoc/latest/syntax-quick-reference/">Referencia rápida de sintaxis de AsciiDoc</a></p>
</li>
<li>
<p><a href="https://gohugo.io/content-management/formats/#asciidoc">Compatibilidad de Hugo con AsciiDoc</a></p>
</li>
</ul>
</div>
</div>
</div>
]]></description></item></channel></rss>