Saltar al contenido

Sitios estáticos

Compile un sitio estático con el artefacto StaticSite de Elide: renderice Markdown, procese scripts y hojas de estilo, comprima imágenes y copie los demás archivos.

En esta página
Open in ChatGPTOpen in Claude

Un artefacto StaticSite renderiza Markdown, procesa scripts y hojas de estilo, comprime imágenes y copia todo lo demás.

amends "elide:project.pkl"
import "elide:Web.pkl" as Web

artifacts {
  ["site"] = new Web.StaticSite {
    srcs = "site"
    domain = "example.com"
    stylesheets { "site/theme.css" }
    hosting = "github-pages"
  }
}
elide build

Campos

PropiedadSignificadoValor predeterminado
srcsDirectorio de fuentes, relativo al proyecto.—
domainDominio de producción.—
previewDominio de vista previa; solo informativo.—
prefixRuta de montaje para enlaces y recursos; debe terminar en /."/"
assetsRuta pública de los recursos."<prefix>_/assets"
stylesheetsSe añaden a todas las páginas, además de las indicadas en su frontmatter.ninguno
scriptsSe añaden a todas las páginas, además de los indicados en su frontmatter.ninguno
rewriteLinksReescribe los enlaces relativos de Markdown respecto a prefix.true
hosting"workers" o "github-pages"; solo informativo, la compilación no publica.—
dependsOnArtefactos que se compilan antes.ninguno

La minificación y los navegadores de destino se toman del bloque web (Cadena de herramientas web). Sin códecs de imagen, la compilación avisa una vez y copia las imágenes sin cambios.

Ejemplos

Empiece desde una plantilla:

elide init --template web-simple  # static site
elide init --template web-demo    # static site with TypeScript and Markdown

¿Te resultó útil esta página?