記事ディレクトリ
🌈【究極のチュートリアル】Jekyllマルチサイト設定の秘訣:複数のウェブサイトからアクセスして無限の楽しみを満喫しよう!✨🎈
🌈 Jekyllのマルチサイト設定スキルを簡単にマスターしたいですか?ローカルコンピュータでゼロから静的ブログウェブサイトを構築するための究極のチュートリアルをご紹介します!さまざまなURLの設定から無限の楽しみまで、このガイドですべて解決!ウェブサイトマスターになろう!💥🚀
Jekyll の複数の静的 Web サイト構成方法
編集します _config.yml Jekyll を構成するファイル。
設定項目には、サイトのタイトル、説明、テーマ、URL などが含まれます。
Jekyll を使用して複数の Web サイトをローカルに構築する場合、次の方法でさまざまな Web サイトにアクセスできます。
別のポート番号を使用します。
- 各 Web サイトは異なるポート番号で実行できます。
- たとえば、ポート上で個人のブログを実行できます。
4001オンにすると、ポート上でプロジェクト表示 Web サイトを実行します。4002オン。 - ブラウザでは、URL にポート番号を指定することで、さまざまな Web サイトにアクセスできます。
- たとえば、実行中のポートにアクセスするには、
4001個人のブログでは、次のように入力できます。http://localhost:4001。
具体的な構成例をいくつか示します。
別のポート番号を使用します。
# _config.yml 文件
port: 4001
別のドメイン名を使用します。
# _config.yml 文件
url: "http:// blog.example. com"
複数の Jekyll 静的 Web サイトを管理する

Web サイトごとに個別のフォルダーを作成し、異なるプロファイルとコンテンツで各 Web サイトをカスタマイズできます。
例: 個人のブログとプロジェクトのショーケース Web サイトを作成するとします。
個人ブログ:
- というファイルを作成します
blogフォルダ。 - で
blogフォルダー、作成_config.ymlとindex.md文書。 - で
_config.ymlファイル内で、サイトのタイトル、説明などを構成します。 - で
_postsフォルダーにブログ投稿を追加します。
プロジェクト展示ウェブサイト:
- というファイルを作成します
portfolioフォルダ。 - で
portfolioフォルダー、作成_config.ymlとindex.md文書。 - で
_config.ymlファイル内で、サイトのタイトル、説明などを構成します。 - で
_postsフォルダーにプロジェクト情報を追加します。
出版ウェブサイト:
- で
blogフォルダー、実行jekyll serve個人ブログを公開するための注文。 - で
portfolioフォルダー、実行jekyll serveコマンドリリースプロジェクトの表示Webサイト。 - Jekyll を使用して複数の Web サイトを構築するのは、簡単かつ効果的な方法です。
コマンドを使用してローカルにインストールされた Jekyll Web サイトを起動するにはどうすればよいですか?
ローカルにインストールされたコマンドライン経由で起動します d:\Jekyll\site1\ Jekyll Web サイトの場合は、次の手順を実行できます。
1. Jekyll Web サイトのフォルダーに移動します。
- コマンドラインまたはターミナルを開きます。
- コマンドを使用して Web サイトのフォルダーに移動します。
cd /d d:\Jekyll\site1
2. jekyllserve コマンドを実行します。
bundle exec jekyll serve
- このコマンドは Jekyll サーバーを起動し、Web サイトをローカルでホストし始めます。
3. ブラウザで次の URL にアクセスすると、Web サイトを表示できます。
http://localhost:4001
追加のヒントをいくつか紹介します。
- あなたが使用することができます
--portオプションでポート番号を指定します。たとえば、ポートで Web サイトをホストするには8080、次のコマンドを実行してください。
bundle exec jekyll serve --port 8080
- あなたが使用することができます
--configオプションは設定ファイルを指定します。たとえば、次の名前のファイルを使用するには、myconfig.yml構成ファイルを編集するには、次のコマンドを実行します。
bundle exec jekyll serve --config myconfig.yml
- 移行
--livereloadオプションserveソース ファイルに変更が加えられるたびにページを自動的に更新します。
bundle exec jekyll serve --livereload
- 次のコマンドを使用して Web サイトをデプロイします。
bundle exec jekyll build
Jekyll に記事コンテンツを追加するにはどうすればよいですか?
.md ファイルを作成してコンテンツを追加します。
JekyllはMarkdown構文をサポートしており、テキストの書式設定、画像の挿入、リンクの作成などに使用できます。
以下のチュートリアルに従えば、ニーズに合ったWebサイトをすぐに作成できるはずです▼
Chen Weiliang氏のブログ(https://www.chenweiliang.com/ )に掲載されている記事「Jekyllでローカルに複数の静的ウェブサイトを構築する際に、異なるローカルウェブサイトへのアクセスを設定する方法」が、皆様のお役に立てば幸いです。
この記事のリンクはご自由に共有してください:https://www.chenweiliang.com/cwl-31561.html

