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

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

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

>關(guān)鍵功能：

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

模板引擎支持：
• 提供了包括Nunjucks在內(nèi)的各種模板引擎的靈活性，用于動(dòng)態(tài)內(nèi)容集成。>
框架agnostic：
• >不授權(quán)特定的JavaScript框架（盡管可以與React或Vue.js集成）。 >簡化的設(shè)置：
涉及創(chuàng)建一個(gè)node.js項(xiàng)目，安裝高度，定義目錄結(jié)構(gòu)并配置輸入/輸出目錄。
• > >實(shí)時(shí)重新加載：
>在開發(fā)過程中利用browsersync進(jìn)行實(shí)時(shí)更新。
• 高級(jí)功能：
支持導(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)建復(fù)雜的應(yīng)用程序（在這種情況下，SSG可能不是最佳選擇），否則JavaScript框架可能是不必要的。
>
• 一個(gè)實(shí)用的例子：構(gòu)建一個(gè)簡單的網(wǎng)站

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

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

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

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

  

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

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