shtml includeの使い方

shtml includeの使い方
これを応用することで、ウェブサイトの一部の公開領域を独立したページにすることができ、その後、この技術を使用して、その領域のコンテンツを必要とする他のページにそれらを埋め込むことができます。

機構:
SSI メカニズムは、静的生成ではなく動的インクルードです。Apache などの Web サーバーがユーザーのリクエストを受信し、それを解析して SSI インクルード命令を見つけると、インクルードされたページを自動的に取り出し、リクエストされたページに埋め込み、ページ全体としてユーザーに送信します。ユーザーはサーバーが何をしたかはわかりませんが、完全なページを受け取ったことだけはわかります。

利点:
SSI の動作メカニズムから、ユーザーがページを要求するたびにインクルードアクションが発生するため、インクルードされたページの内容が変更された場合、リアルタイムで反映されることがわかります。このため、静的ページの動的な埋め込みを実現するのは非常に簡単です。これを使用して、Web サイト全体の公開領域を実装したり、大量の繰り返し領域のコンテンツを独立した静的ページに公開したりして、サイト全体のヘッダーとフッター、サイト全体の最新ニュース、最もホットなランキングなど、必要な場所に SSI 指示でインクルードすることができます。この技術は、163、sina などのほとんどのポータル Web サイトで広く使用されています。

最もホットなコンテンツを実装する方法:
まず、SSI環境を構成します(他のSSI構成チュートリアルを参照してください)
次に、独立したノードを作成して追加の公開ページまたは記事ページを作成し、最もホットなコンテンツを呼び出す小さなテンプレートをバインドし、パスとファイル名を指定して、静的 HTML ページ /hot.html として公開します。
次に、ウェブサイトのホームページの最もホットなコンテンツ用に予約されたボックスに次のSSI指示を記入します。
<!--#include virtual="/hot.html" -->
ホームページの拡張子を index.shtml に変更します (サーバー構成のディレクトリ内のデフォルトのドキュメント ページにも shtml タイプを追加する必要があります)
このように、/index.shtmlを使用することで効果を確認できます。記事を追加した後は、このhot.htmlを更新するだけで、ホームページを更新する必要はありません。

この方法では、ホームページ上のコラムリストブロックもこの形式にすることができます。各ノードの追加公開機能を利用して、コラムホームページの公開と同時に、このノードのコンテンツリストを含む小さなページを公開し、SSI指示でホームページに埋め込むことができます。今後は、コラムコンテンツとコラム追加公開ページを更新するだけでよく、ホームページをいつでも更新する必要はありません。

<<:  MySQLユーザー削除バグを解決する

>>:  Docker可視化ツールPortainerの導入と中国語翻訳

推薦する

Linux の 5 ステップ ビルド カーネル ツリー

目次0. システムに付属するカーネルツリー1. 環境設定最初のステップステップ2 2. ソースコード...

UTF-8 ファイルの Unicode 署名 BOM (バイト オーダー マーク) の問題

最近、UTF8 エンコードの中国語 Zen Cart Web サイトをデバッグしているときに奇妙な現...

Ubuntuが仮想マシンでインターネットに接続できない問題の解決策

インターネットに接続できない仮想マシンをセットアップするのは非常に面倒です。ここでは、Ubuntu ...

Docker で Harbor パブリック リポジトリを構築する方法の例

前回のブログ投稿では、レジストリのプライベート ウェアハウスについて説明しました。今日は、Harbo...

デザイン理論: なぜ私たちは間違った場所を見ているのでしょうか?

数日前、バスで仕事に行きました。バスのカードリーダーの実際の使用シーンを実際に見て、カードリーダーの...

Hadoop 2.Xの新機能、ごみ箱機能の説明

ごみ箱機能をオンにすると、削除されたファイルの元のデータをタイムアウトなしで復元できるため、誤って削...

Dockerコンテナのインポ​​ートとエクスポートに関するチュートリアル

背景Docker の人気は、コンテナの共有と移植が容易であることと密接に関係しています。ユーザーは、...

VueとFlask間の通信の実装

axiosをインストールして通信を実装するここでは、axios を使用して Vue フロントエンドと...

ウェブページのドロップダウンリストとdivレイヤーのカバーの問題を選択する

HTML の select 要素に関する質問は、さまざまな場所で提起されています。最近のプロジェクト...

Vue のプラグインとコンポーネントの違いと使い方のまとめ

このチュートリアルの動作環境: Windows 7 システム、vue 2.9.6 バージョン、DEL...

jsネイティブ構文プロトタイプ、__proto__、コンストラクタの徹底的な理解

目次1 はじめに2 前提条件2.1 データ型2.2 それが自身のプロパティであるかどうかを判断する ...

MySQL 5.7.33 インストール プロセスの詳細な図解

目次インストールパッケージのダウンロードインストール環境変数の設定インストールが成功したか確認する記...

HTML テーブルタグチュートリアル (20): 行の背景色属性 BGCOLOR

BGCOLOR 属性を使用して、行の背景色を設定できます。基本的な構文<TR BGcolor...

Linuxコマンドに基づいてフォルダー内の特定のファイルパスを抽出します

最近では、特定のフォルダ内の特定のファイルを自動的に検索する必要があり、ファイルパスとファイル名を別...

Dockerはelasticsearchイメージを起動し、ディレクトリをマウントした後にエラーを解決します

docker hub から es イメージ (バージョン 6.4.2) をダウンロードしました。詳細...