PHP で Hugo を使用して静的 Web サイトを構築する

WBOY
リリース: 2023-06-19 14:32:01
オリジナル
829 人が閲覧しました

Hugo を使用して PHP で静的 Web サイトを構築する

Hugo は、Go 言語で書かれた静的 Web サイト ジェネレーターです。他の静的 Web サイト ジェネレーターと比較して、高速でカスタマイズ可能です。従来の PHP 開発では、通常、開発に WordPress などの動的 Web サイト フレームワークを使用しますが、シナリオによっては、静的 Web サイトを使用する方が適している場合があります。

この記事では、Hugo を使用して PHP 環境で静的 Web サイトを構築する方法を紹介します。これにより、独自の Web サイトをより柔軟に構築できるようになります。

前提条件

まず、PHP と Hugo をローカル環境にインストールする必要があります。まだインストールしていない場合は、次の手順に従ってください:

  1. PHP のインストール

Linux システムでは、次のコマンドを使用して PHP をインストールできます。

sudo apt-get update
sudo apt-get install php
ログイン後にコピー

Windows システムでは、公式 Web サイトにアクセスして PHP をダウンロードしてインストールできます。

  1. Hugo のインストール

Linux システムでは、次のコマンドを使用して Hugo をインストールできます。

sudo apt-get update
sudo apt-get install hugo
ログイン後にコピー

Windows システムでは、 Hugo 公式 Web サイトから Hugo をダウンロードしてインストールします。同時に、Hugo を環境変数に追加する必要があります。具体的な方法は自分で Google で調べてください。

静的 Web サイトの構築

PHP と Hugo をインストールしたら、静的 Web サイトの構築を開始できます。まず、新しい Hugo プロジェクトを作成する必要があります:

hugo new site my_website
ログイン後にコピー

ここで、my_website は Web サイトの名前であり、自分で変更できます。プロジェクトが作成されると、設定ファイルとサンプル Web サイトを含むディレクトリがプロジェクトの下に自動的に生成されます。

次に、このサンプル Web サイトに基づいて変更およびカスタマイズできます。 Web サイトのコンテンツの変更は、コンテンツ ディレクトリで直接行うことができます。例:

echo "Welcome to my website!" > content/index.md
ログイン後にコピー

次に、次のコマンドを実行してビルドします:

hugo -d public
ログイン後にコピー

その中で、-d パラメーターは、生成されるファイルを指定するために使用されます。静的 Web サイトの出力ディレクトリ。構築が完了すると、静的 Web サイト ファイルがパブリック ディレクトリに生成されます。

Web サイトの展開に PHP を使用する

静的 Web サイトを構築したら、それをサーバーに展開する必要があります。 PHP 環境では、PHP サーバーを構築するだけでこれを実現できます。具体的な手順は次のとおりです。

  1. Web サイトのルート ディレクトリに次の内容を含むindex.php ファイルを作成します。
<?php
$uri = urldecode(
    parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH)
);

if ($uri !== '/' && file_exists(__DIR__ . '/public/' . $uri)) {
    return false;
}

require_once __DIR__ . '/public/index.html';
ログイン後にコピー

このファイルの機能は次のとおりです。リクエストが静的リソース ファイルであるかどうかを判断し、静的リソース ファイルである場合は静的ファイルを返し、そうでない場合は静的な Web サイトのホームページを返します。

  1. PHP サーバーを起動します:
php -S localhost:8000
ログイン後にコピー

このうち、8000 はサーバーがリッスンするポート番号で、実際の状況に応じて変更できます。起動後、http://localhost:8000 にアクセスして静的 Web サイトにアクセスします。

概要

この記事では、Hugo を使用して PHP 環境で静的 Web サイトを構築する方法を紹介します。PHP と Hugo のインストールから、静的 Web サイトの構築、デプロイまで、全体的なプロセスは非常に簡単です。単純。 Hugo は、高速かつ効率的で高度にカスタマイズされた静的 Web サイト ジェネレーターとして、静的 Web サイト開発において広範な応用価値を持っています。

以上がPHP で Hugo を使用して静的 Web サイトを構築するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート