110ガイド：フレームワークに依存しない静的サイトジェネレーター

eleventy（11ty）：a node.js静的なサイトジェネレーターのためのウェブサイトの作成

人気のあるnode.js静的サイトジェネレーター（SSG）であるEleventyは、静的Webサイトの作成を簡素化します。 SSGは、ビルドプロセス中にほとんどのレンダリングを実行し、静的HTML、CSS、およびJavaScriptファイルを生成します。これにより、ランタイムやデータベースなどのサーバー側の依存関係が排除されます

重要な利点：

単純化されたホスティング：
• HTMLファイルのみを提供すると、ホスティングが簡単になります セキュリティの拡張：
サーバー側のコンポーネントがないため、セキュリティの脆弱性が最小限に抑えられます。
• 例外的なパフォーマンス：静的ファイルは、読み込み時間が短縮されます
• Eleventyの人気は大幅に増加し、Web開発において著名な人物を集めています。コンテンツに焦点を当てたサイトやブログに最適ですが、電子商取引プラットフォームやレポートシステムに適応できます。 このチュートリアルでは、単純なマークダウンからHTMLへの変換を超えて機能を紹介する、Eleventyを使用して基本的なWebサイトを構築することを示しています。 完全なビルドシステムとしての機能がどのように機能し、NPMスクリプト、Webpack、Gulp.jsなどの個別のツールの必要性を排除しながら、自動化されたビルドとライブリロードを可能にします。 主要な機能と機能：

node.js Foundation：

leverages node.jsは、効率的な静的ファイル生成のために

テンプレートエンジンのサポート：

動的なコンテンツ統合のために、nunjucksを含むさまざまなテンプレートエンジンで柔軟性を提供します。

フレームワーク不可知論者：
• 特定のJavaScriptフレームワークを義務付けません（ただし、Reactまたはvue.jsとの統合は可能です）。 合理化されたセットアップ：
node.jsプロジェクトの作成、110のインストール、ディレクトリ構造の定義、入力/出力ディレクトリの構成が含まれます。
• ライブリロード：開発中のリアルタイムアップデートにbrowsersyncを使用しています。
• 高度な機能：ナビゲーションメニューの作成（ナビゲーションプラグインを使用）、アセット変換、およびJavaScriptテンプレートを介した画像最適化をサポートします。
• コンテンツ管理：コレクションを通じて記事を効率的に管理し、ページネーション、カスタムフィルター、および生産の最適化を可能にします。
javaScriptフレームワーク：必要かどうか？
• 一部のSSGは、クライアント側のJavaScriptフレームワーク（React、Vue.js）を統合しますが、Eleventyはそれらを必要としません。 複雑なアプリケーションを構築しない限り（この場合、SSGは最適な選択ではない可能性があります）、JavaScriptフレームワークは不要です。 実用的な例：簡単なWebサイトの構築
このチュートリアルは、WordPressのようなプラットフォームで処理されるタスクであるページとブログ投稿を含むWebサイトを作成することをガイドします。 完全なコードは、

https://www.php.cn/link/6ec3ff0c922ce84561ce5162f912b47eで入手できます。 これらのコマンドを使用して、クローン、インストール、および実行できます。

サイトにアクセスしてください

<code class="language-bash">git clone https://www.php.cn/link/6ec3ff0c922ce84561ce5162f912b47e
cd 11ty-starter
npm i
npx eleventy --serve</code>

次のセクションでは、サイトをゼロから構築します。

http://localhost:8080

（チュートリアルの残りの部分が後に続き、元の意味を同様に適応させて、文言と文の構造を変更しながら元の意味を維持します。あなたの指示に従って。

以上が110ガイド：フレームワークに依存しない静的サイトジェネレーターの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。