Jekyll は複数の静的 Web サイトをローカルに構築します。異なるローカル Web サイトにアクセスするための URL を構成するにはどうすればよいですか?

🌈【究極のチュートリアル】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 サイトを管理する

Jekyll は複数の静的 Web サイトをローカルに構築します。異なるローカル Web サイトにアクセスするための URL を構成するにはどうすればよいですか?

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

さらに多くの隠されたトリックのロックを解除するには、Telegram チャンネルにぜひご参加ください。

気に入ったらシェアして「いいね!」してください!あなたのシェアと「いいね!」が私たちの継続的なモチベーションです。

 

发表评论

すでに* を記入しておく必要があります。

上へスクロール