Quickstart
Install the binary:
npm install -g gethtmlpress
Run htmlpress start and open the browser.
Features
- Fast rebuilds on save
- Components when HTML has none
- Beautiful out of the box
Cambiar tema
Atajos de teclado
Código abierto · Licencia MIT
Escribe en Markdown o HTML sencillo, y htmlpress añade layout, tema, navegación y recarga en vivo, construidos con web components y CSS, todo escapable. Ideal para documentación interna y para publicar contenido.
<title>Electricity dashboard</title>
<style>.nrg { … }</style>
<div class="nrg">…</div>
<htmlpress-callout type="tip">
<p>Every page built.</p>
</htmlpress-callout>
<h1>Deployment</h1>
<p><code>htmlpress build</code>
produces a fully static site…</p>
<meta name="date" content="2026-04-10" />
<meta name="author" content="Htmlpress Team" />
<meta name="keywords" content="announcement" />
<h3 data-step>Install</h3>
Sin framework, sin configuración de compilación, sin estructura obligatoria. Una carpeta de Markdown o HTML ya es un proyecto.
Una página es cualquier archivo .md o .html:
Markdown con frontmatter, o HTML desde un simple fragmento hasta un
documento completo. Déjalas planas o anídalas: una carpeta con
index.html se convierte en un grupo de navegación, y cualquier
otro archivo se copia tal cual.
Cada componente es un elemento personalizado estándar: sin framework, sin
shadow DOM. Tu CSS y los tokens del tema llegan dentro, y el texto queda en
la página para la búsqueda y los agentes. Un archivo en
.htmlpress/components/ añade tu propia etiqueta.
Reemplaza el layout, el tema o cualquier componente integrado desde
.htmlpress/, o da a una página
su propio layout. Esta
landing page es una de ellas.
.htmlpress/
├─ layouts/
│ └─ landing.html ← this page's chrome
└─ components/
└─ site-hero.css ← your own component
guides/
├─ setup.html
└─ faq.html
images/ ← copied as they are
index.html ← a page too
htmlpress.yaml
Un tema cuidado, los componentes que necesita una documentación y valores predeterminados sensatos. Personaliza solo lo que quieras.
Los encabezados, las listas, las tablas, el código,
<details>, <figure> y
<kbd> se ven bien sin ninguna clase.
Avisos, pestañas, pasos, tarjetas, árboles de archivos, insignias, iconos, tablas ordenables, diagramas Mermaid e imágenes ampliables, como elementos personalizados en light DOM.
Resaltado al construir en más de 220 lenguajes, con títulos, pestañas, diff, foco y marcas de línea, en un tema claro y otro oscuro.
Agrupada por carpeta, ordenada por <meta name="order">, con
una tabla de contenidos y enlaces de anterior y siguiente.
Un índice de texto completo escrito al construir y abierto con S; la página que abre un resultado resalta la coincidencia.
Divide un sitio en secciones con su propia pestaña y barra lateral: entradas
fechadas con un feed RSS, o una página por versión desde un
CHANGELOG.md.
La navegación se convierte en un panel lateral, los selectores en hojas inferiores y nada se desplaza en horizontal.
Un tema oscuro según el sistema o el interruptor, y cada color, fuente y ancho
es un token --htmlpress-*.
Traduce una página junto a su original como page.es.html: cada
idioma tiene su prefijo, navegación, búsqueda y textos de interfaz.
htmlpress start recompila con cada guardado y recarga el
navegador, escapes y componentes incluidos.
htmlpress build escribe archivos sencillos en
.htmlpress/build, con enlaces canónicos, listos para cualquier
hosting estático.
Un único ejecutable de Rust, que se instala desde npm, PyPI o crates.io. Nada más que instalar.
Tus páginas se quedan como están. Htmlpress hace el resto.
<title>Quickstart</title>
<meta name="order" content="1" />
<h1>Quickstart</h1>
<p>Install the binary:</p>
<pre><code>npm install -g gethtmlpress</code></pre>
<htmlpress-callout title="Tip">
<p>Run <code>htmlpress start</code> and open the browser.</p>
</htmlpress-callout>
<h2>Features</h2>
<ul>
<li><strong>Fast</strong> rebuilds on save</li>
<li><strong>Components</strong> when HTML has none</li>
<li><em>Beautiful</em> out of the box</li>
</ul>
---
title: Quickstart
order: 1
---
# Quickstart
Install the binary:
```sh
npm install -g gethtmlpress
```
:::callout{label="Tip"}
Run `htmlpress start` and open the browser.
:::
## Features
- **Fast** rebuilds on save
- **Components** when HTML has none
- *Beautiful* out of the box
Install the binary:
npm install -g gethtmlpress
Run htmlpress start and open the browser.
Los agentes conocen Markdown y HTML mejor que cualquier lenguaje de plantillas. Htmlpress mantiene pequeño su trabajo y cada respuesta legible por máquinas.
$ htmlpress build docs --json
{
"output": "docs/.htmlpress/build",
"pages": 8,
"files": 12
}
$ htmlpress build --json '{"root":"docs","out":"dist"}'
$ htmlpress --llms
Sin framework, sin sintaxis que aprender, sin clases utilitarias: cuantas menos opciones ofrece una página, más se parecen las páginas a un mismo sitio.
--json imprime el resultado en stdout y recibe la entrada como
JSON; los registros y los errores van a stderr.
htmlpress --llms lista el esquema de entrada y salida de cada
comando como herramientas con forma de MCP.
Cada página obtiene un index.md junto a su HTML, enlazado desde
el head, para que un agente lea el contenido sin el marcado.
Un índice llms.txt de cada copia, agrupado como la navegación y
anunciado en una cabecera Link de la página de inicio.
Cinco skills enseñan a Claude Code, Cursor o Codex a escribir, configurar, rediseñar y desplegar un sitio.
Apunta htmlpress a una carpeta de Markdown o HTML, escapa lo que quieras controlar y despliega. Esa es toda la configuración.