Zum Inhalt springen

Statische Websites

Bauen Sie eine statische Website mit dem StaticSite-Artefakt von Elide: Markdown rendern, Skripte und Stylesheets verarbeiten, Bilder komprimieren und andere Dateien kopieren.

Auf dieser Seite
Open in ChatGPTOpen in Claude

Ein StaticSite-Artefakt rendert Markdown, verarbeitet Skripte und Stylesheets, komprimiert Bilder und kopiert alles andere.

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

Felder

EigenschaftBedeutungStandard
srcsQuellverzeichnis, relativ zum Projekt.—
domainProduktionsdomain.—
previewVorschaudomain; nur informativ.—
prefixEinhängepfad für Links und Assets; muss auf / enden."/"
assetsÖffentlicher Asset-Pfad."<prefix>_/assets"
stylesheetsWerden jeder Seite hinzugefügt, zusätzlich zu denen in ihrem Frontmatter.keine
scriptsWerden jeder Seite hinzugefügt, zusätzlich zu denen in ihrem Frontmatter.keine
rewriteLinksRelative Markdown-Links relativ zu prefix umschreiben.true
hosting"workers" oder "github-pages"; nur informativ, der Build veröffentlicht nichts.—
dependsOnArtefakte, die zuerst gebaut werden.keine

Minifizierung und Ziel-Browser kommen aus dem web-Block (Web-Werkzeugkette). Ohne Bild-Codecs warnt der Build einmal und kopiert Bilder unverändert.

Beispiele

Beginnen Sie mit einer Vorlage:

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

War diese Seite hilfreich?