讓我們來談談 Jamstack 的未來 — 加入我們

Abell

365 個星標
29 個 fork
8 個 issue
首頁
https://abelljs.org
儲存庫
abelljs/abell
Twitter
@AbellLand
程式語言
JavaScript
授權條款
MIT
模板
Abell

Abell 是一個基於 Vite 建構的底層靜態網站產生器,在保持設定接近原始 HTML、CSS、JS 的同時,提供高度彈性。

安裝

您可以使用 create-abell 建立一個起始模板。

npx create-abell my-blog --template abelljs/abell-starter-minima

cd my-blog

npm run dev

然後瞧 🎉 您將會有一個運作中的即時伺服器。

Abell 中的 Hello World

使用 Abell,您可以在 HTML 內部編寫 JavaScript。這會在建置時執行。

輸入

{{
  /** @declaration */
  const greet = 'Hello, World!';
}}
<html>
  <body>{{ greet.toUpperCase() }}</body>
</html>

輸出

<html>
  <body>HELLO, WORLD!</body>
</html>

請查看 https://abelljs.org 以獲取詳細的文件。

部署至 Netlify

尋找更多靜態網站產生器