このページで: [隠れる]
あなたはウェブサイトの所有者ですか 高速サイトを構築する簡単な方法を探しています? WordPressなどの人気のあるコンテンツ管理システムのほとんどは一般的にそのようなタスクのためのものですが、それらは高速ではありません. 彼らはデータベースに依存しています, 最終的にページに配信するための重いスクリプトとプラグイン. しかし、もっと良い方法があるとしたらどうでしょう? ジキルは他の同様の選択肢よりもはるかに優れています! これは静的サイトジェネレーターです—あなたがする必要があるのはあなたの投稿を取ることだけです, それに応じてフォーマットし、エンジンで実行します. これにより、 HTML準拠のファイルの作成 どのホストにも簡単にアップロードできます.
ジキル 4.1.0 更新
Jekyllは5月下旬に更新されました 2020 サーバーコンポーネントが特にECC証明書をサポートするようになった番号v4.1.0の新しいアップデート. これは、RSA以外のキータイプを使用する場合の重要な機能です。. Markdownエンジンの最適化であるもう1つの重要なこと — 下書きで使用され、ページの出力を駆動するフォーマット. ジキルと 4.1.0 ブロガーは選択することができます ディスクキャッシュを無効にする 場合によっては有益です, 特にプロジェクトのより複雑なテストが行われる場合.
サイト所有者の観点からのその他の重要な機能強化には、次のものがあります。:
- 構文の強調表示を含むデフォルト言語の構成. 以前は、これは手動で行う必要がありました.
- 管理者は、テーマ構成のインポートを無効にできるようになりました
- PageDropモジュールはLiquidテンプレートで使用できます.
いつものように、新しいJekyllバージョンには、ユーザーから報告された重要なバグ修正が含まれています.
静的サイトでJekyllを使用する理由
静的サイトジェネレータは、生成に使用される最も一般的なツールの1つです。 高品質で使いやすく、管理しやすいサイト WordPressなどの動的コンテンツ管理システムに依存しない. 静的サイトは小さく、サイト所有者がJekyllアプリを介してコンテンツを実行した後、プロジェクト出力として生成されます. 設計上、Jekyllは Ruby実行可能アプリ これは非常に使いやすく、クロスプラットフォームです. 非常に便利な機能は、Jekyllに組み込みのローカルWebサーバーが含まれていることです。これにより、サイトの所有者は、サイトがオンラインで公開される前に、加えられた変更をライブプレビューできます。. 幾つかある 静的サイトに依存することの明確な利点 サイトジェネレーターとしてJekyllを念頭に置いている動的なものとは対照的に:
- パフォーマンス — Jekyllによって作成されたサイトは、対応するサイトよりもはるかに高速です. それらは、Webブラウザで簡単に読み取れ、ロードがはるかに高速なクリーンなHTMLコードで生成されます。. 他のタイプのサイトで一般的なデータベース依存の要素や複雑なクエリはありません.
- 作成プロセス —動的コンテンツ管理システムと比較して、Jekyllによって生成されたものは異なる方法で構築されます. 開発者は、Jekyllが使用し、メインの構成ファイルに対応するテンプレートエンジンに従ってコンテンツをフォーマットする必要があります。. JekyllはドラフトファイルをHTMLサイトに変換し、Webサーバーにアップロードする必要があります.
- サーバー要件 — Jekyllサイトは、安価なホスティングをはるかに簡単に見つけることができる特別なスクリプトサポートまたはデータベースを必要とします.
Jekyllのセットアップ: 基礎
ジキル 4.0.0 本質的にはRubygemと呼ばれるものです—これはRuby環境にインストールされる特別な種類のコードです. Rubyは、Webサイトやアプリケーションの構築に一般的に使用される最新のプログラミング言語です。. Gemは、Rubyリポジトリからダウンロードできる一種のプログラムであり、特定の方法で機能します。. 可能な機能には、パッケージツールが含まれます, 繰り返しの動作, フレームワークなど. その結果、Jekyllはコンテンツファイルを取得します, それらを処理し、Webサーバーにアップロードする準備ができているHTMLファイルを出力します.
Jekyllを起動して実行するには、サイト所有者は次のソフトウェアをインストールする必要があります: メインのRuby環境 (すべての開発ヘッダーを含む), RubyGemsパッケージはgccとmakeツールをサポートします. 環境をインストールして準備する方法の詳細な説明は、 Jekyllインストールページ.
Jekyllサイト作成プロセス
Jekyllによって構築されたサイトを準備するために 4.0.0 サイト所有者が使用するローカルシステムにインストールされているアプリケーション. まず、プロジェクトのグローバル環境を設定してJekyllを構成する必要があります. Jekyllがインストールされ、特定のシステムで動作している場合、サイト所有者はすべてのサイトプロジェクトファイルを格納するディレクトリを作成する必要があります。これは、 “サイトルート” . その中でジキル index.htm ベースホームページのコンテンツと重要なファイルを格納するファイルを作成する必要があります. 空のテンプレートには、次のコードが含まれます:
doctype html>
<html>
<頭>
<meta charset = "utf-8">
<題名>家</題名>
</頭>
<体>
<h1>こんにちは世界!</h1>
</体>
</html></p>
これは一般的です “こんにちは世界!” Web開発者が作品の作成を開始できる挨拶サイト. ルートディレクトリで、開発者は2つのコマンドを実行できます:
- jekyllビルド —これにより、サイトが構築され、最終的なコードが別のサブディレクトリに出力されます。 “_サイト”.
- jekyllサーブ —これにより、サイトの変更が監視され、jekyllアプリケーションの実行中にlognとしてサイトが自動的に再構築されます。. これにより、組み込みのWebサイトサーバーもアクティブになり、開発者はプロジェクトをライブプレビューできます。. デフォルトでは、次のURLからアクセスできます: http://ローカルホスト:4000
ユーザーが行う必要があるのは、適切なサイトレイアウトを決定し、コンテンツを生成することだけです。. これは2つの主な方法で行うことができます:
- HTMLファイル —これらはサイト所有者によって作成された標準のHTMLファイルです. 彼らはJekyllによって定義された設定に直面します.
- マークダウンテンプレートファイル —サイト所有者は、特定のテンプレートに従って出力されるマークダウンで書き込まれたファイルを適用することもできます. これは、ユーザーがわかりやすいマークダウン形式に従ってテキストとコードをフォーマットできることを意味します. 定義されたルールに従って処理され、最終的に標準に準拠したHTMLファイルが返されます.
マークダウンは使いやすいマークアップ言語です これは開発者とWeb開発者のパワーユーザーの間で人気があります. いくつかのワードプロセッシングプログラムと特別なエディタがそれらを標準フォーマットから出力できるので、それは非常に便利です. JekyllはMarkdownファイルを取得します (適切な.md拡張子を付けます) 定義されたテンプレートファイルを使用して、最適化されたHTMLファイルを生成します.
Jekyllエンジンは、通常のHTMLで作成されたページといわゆる特殊ファイルを区別します. これは、必要なものを入力することによって行われます YAMLフロントマター—これはそのようなすべてのページの先頭に配置する必要があります. YAMLは、Jekyllが読み取る実用的で人間に優しいマークアップ言語です。. このようなファイルの典型的な例は次のとおりです。:
—
レイアウト: 役職
題名: ブログ 101 ページ
—
この例では、前書きで使用済みを指定します レイアウト タイプ (この例では、これは標準のブログ投稿になります) そしてその 題名 ページの. フロントマターに配置できる他の2つのグローバル変数があります— パーマリンク (これにより、ユーザーは特定の投稿に対して独自のパーマリンクを設定できます。 公開 (真または偽の値を配置できます) 特定の投稿がオンラインで公開されるのを防ぐことができます. これは、ドラフトが計画されている場合に特に役立ちます.
Jekyllテンプレートエンジンと構成ファイルの使用 ユーザーは独自の変数を作成できます 同じように. 投稿タイプが関係する場合、使用できるいくつかのオプションがあります:
- 日にち —これにより、サイトの出力に表示される投稿の日付が上書きされます.
- カテゴリ/カテゴリ —これにより、訪問者が表示したときに投稿をより適切に整理できます。. この値を指定すると、投稿はそれぞれのカテゴリに整理されます. 複数の「カテゴリ」は、YAMLリストで指定することも、ほとんどの動的コンテンツ管理システムのようにスペースで区切ることもできます。.
- タグ —これは、投稿にユーザーがタグを付けることを許可するための一般的なオプションです. これは、上記のカテゴリとは別に、さらに便利です。.
Jekyllサイトの構造とレイアウトエンジン
特定のサイトでJekyllエンジンが初めて開始されるとすぐに (事業) 基本的に、サイト所有者が行う必要があるのは、 jekyll new $ sitename (どこ $サイト名 プロジェクトディレクトリです). Jekyllの最新バージョンはすべて、構造化されたディレクトリレイアウトを作成します. デフォルトでは、メイン構成ファイルは次のようなデフォルトのテンプレートを使用します 最小値 ユーザーの好みに応じて微調整または変更できます. ディレクトリには、次のファイルとフォルダが含まれます:
- _postsフォルダー —これには個々の投稿が含まれます. 通常の場合、次の形式になります—XXXX-XX-XX- $ postname.markdown (または.md). 最初の3つの文字列は年-月-日で、その後にパーマリンク構造の投稿名が付いたダッシュが続きます. 投稿名の例は2020-01-03-hello.markdownで、「Hello」という投稿が出力され、1月に公開されます。 3 2020.
- _config.yml —これはJekyllが使用するメインの設定ファイルです.
- 404.html —これには、標準のページが見つかりませんエラーページが含まれます。これは、 404 エラー.
- about.markdown —これは、ほとんどのブログに通常見られる「概要」ページです。.
- Gemfile —これはGemfile環境によって自動的に作成されるファイルです.
- index.markdown —これは標準のホームページであり、デフォルトでは、日付に基づいてすべてのブログタイプの投稿に降順でインデックスが付けられます。.
レイアウトオプションの詳細については, ディレクトリ構造と詳細については、の関連ページを確認してください。 Jekyllのドキュメント.
ジキルの全力を解き放つ
Jekyllサイトの所有者が使用できる多くの機能があり、サイトを細部まで真にカスタマイズする機能を提供します。. 前述したように、すべてのデフォルトのサイトインストールでは、次のようなデフォルトのテーマが使用されます。 最小値. がある 多くのサードパーティのJekyllテーマリポジトリ 多くのカスタマイズオプションを利用します. Jekyllテンプレートシステムのユニークな点は、それがに基づいていることです 宝石 —豊富な機能を含めることができるライブラリ. Jekyllのインストールでは、次のユーティリティを使用します バンドラー さまざまな依存関係を追跡します. 別の機能は、通常のテンプレートを使用することです—それらはJekyllサイトディレクトリに提示されている従来のファイルを使用します.
プラグインシステムは、同様の静的サイトジェネレーターや有名な動的コンテンツ管理システムのいくつかに見られる最も高度なものの1つです。. プラグインは、基本のJekyllインストールにはない拡張機能を提供できます. カスタムフックとフレキシブルコアを使用して、他の多くのオプションを追加できます. 分類できるプラグインにはいくつかの主要なカテゴリがあります:
- ジェネレーター —これは、Jekyllが追加のコンテンツを作成できるようにするために使用される関数です。. カスタムルールを使用して、エンジンに新しい機能の実装を指示できます.
- コンバーター —これらのプラグインを使用すると、ユーザーは他のマークアップ言語とテーマオプションを使用してレイアウトを実装できます。.
- コマンド —これにより、新しいコマンドを実装することにより、メインエンジンの機能が拡張されます。.
- タグ—これにより、カスタムのLiquidベースのタグが作成されます.
- フィルタ —フィルター機能を拡張するプラグイン.
- フック —ビルドプロセス中に拡張機能を使用できます.
Jekyllサイト展開オプション
サーバーにサイトをアップロードするために使用できる互換性のあるいくつかのオプションがあります. を作成することをお勧めします gemfile すべてのサイトで. これにより、プラグインと拡張機能を全体としてパッケージ化できるようになります. 構築プロセス中にいくつかの環境値を設定することもできます。本番フェーズの最後に、サイト出力の作成に使用できる設定パラメーターがあります。. サイトをアップロードする主な方法は2つあります:
- 簡単なアップロード —サイトのフォルダ出力は、管理パネルまたはドラッグアンドドロップオプションや特別なコマンドを使用したファイルアップロードユーティリティを使用してアップロードできます。.
- バージョン管理の公開 —サイト所有者は、サイトのリビジョンを維持するためにgitやsvnなどのバージョン管理システムを使用することもできます. これは、編集内容を保存し、変更の文書化をはるかに簡単にする方法でサーバーと通信するために使用される高度な機能です。.