高度（11ty）：node.js靜態(tài)網(wǎng)站生成器，用於輕鬆網(wǎng)站創(chuàng)建

高度，一種流行的node.js靜態(tài)站點生成器（SSG），簡化了靜態(tài)網(wǎng)站的創(chuàng)建。 SSG在構(gòu)建過程中執(zhí)行最多的渲染，生成靜態(tài)HTML，CSS和JavaScript文件。這消除了服務(wù)器端依賴性等諸如運行時間和數(shù)據(jù)庫。

• 簡化的託管：僅服務(wù)HTML文件使託管直接直接。 > >
增強的安全性：
• 缺乏服務(wù)器端組件最小化安全性漏洞。
出色的性能：靜態(tài)文件會導(dǎo)致加載時間更快。
• 高度的受歡迎程度已大大增長，吸引了網(wǎng)絡(luò)開發(fā)中的突出數(shù)字。雖然非常適合以內(nèi)容為中心的網(wǎng)站和博客，但它適用於電子商務(wù)平臺和報告系統(tǒng)。
>本教程展示了使用高度建立基本網(wǎng)站的，展示了其功能，而不是簡單的降壓到HTML轉(zhuǎn)換。 它說明了高度如何充當完整的構(gòu)建系統(tǒng)，消除了對NPM腳本，WebPack或Gulp.js等單獨工具的需求，同時仍可以啟用自動化構(gòu)建和實時重新加載。

>關(guān)鍵功能：

node.js Foundation：利用Node.js進行有效的靜態(tài)文件生成。

模板引擎支持：
• 提供了包括Nunjucks在內(nèi)的各種模板引擎的靈活性，用於動態(tài)內(nèi)容集成。 >
框架agnostic：
• >不授權(quán)特定的JavaScript框架（儘管可以與React或Vue.js集成）。 >簡化的設(shè)置：
涉及創(chuàng)建一個node.js項目，安裝高度，定義目錄結(jié)構(gòu)並配置輸入/輸出目錄。
• > >實時重新加載：
>在開發(fā)過程中利用browsersync進行實時更新。
• 高級功能：
支持導(dǎo)航菜單創(chuàng)建（使用導(dǎo)航插件），資產(chǎn)轉(zhuǎn)換和圖像優(yōu)化通過JavaScript模板。
• 內(nèi)容管理：有效地通過收藏，啟用分頁，自定義過濾器和生產(chǎn)優(yōu)化來管理文章。 >
• > JavaScript框架：是否必要？ > 一些SSG集成了客戶端JavaScript框架（React，vue.js），但高度不需要它們。 除非構(gòu)建複雜的應(yīng)用程序（在這種情況下，SSG可能不是最佳選擇），否則JavaScript框架可能是不必要的。
>
• 一個實用的例子：構(gòu)建一個簡單的網(wǎng)站

  >該教程通過創(chuàng)建一個頁面和博客文章的網(wǎng)站，這是由WordPress之類的平臺處理的任務(wù)。 完整的代碼可在> http://ipnx.cn/link/6ec3ff0c922ce84561ce5162f912b47e中獲得。 您可以使用以下命令克隆，安裝和運行它：

  git clone http://ipnx.cn/link/6ec3ff0c922ce84561ce5162f912b47e
  cd 11ty-starter
  npm i
  npx eleventy --serve

  >訪問http://localhost:8080>的網(wǎng)站。

  以下各節(jié)詳細介紹了從頭開始構(gòu)建網(wǎng)站。

  

  >（本教程的其餘部分將以類似的方式調(diào)整原始文本，以在更改措辭和句子結(jié)構(gòu)時保持原始含義。）根據(jù)您的說明。

以上是高架指南：框架 - 不合時式靜態(tài)站點生成器的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！