Grav-ページリンク

この章では、Gravでページをリンクする方法を理解します。簡単な方法で1つのページを別のページにリンクでき、リモートページでもページリンクを使用してリンクできます。Gravには多くのレスポンシブリンクオプションがあります。使用したことがある場合HTML 以前にファイルをリンクすると、Gravでのページリンクを非常に簡単に理解できます。

以下に示すのは、GravサイトのPagesディレクトリの基本的な例です。画像に示すように、例として次のディレクトリを使用します。

以下に、Gravリンクのいくつかの一般的なコンポーネントを示します。

[Linked Content](../path/slug/page)
  • []−リンクされているテキストまたは代替コンテンツを書き込むことを指定します。HTMLでは、<ahref = "">と</a>を使用してコンテンツを配置します。

  • () − URLは、角括弧の直後に配置されるこの括弧内に配置されます。

  • ../ −ディレクトリが1つ上に移動することを示します。

以下に示すように、コンテンツで使用されるリンクには4つのタイプがあります-

  • Slug Relative

  • Directory Relative

  • Absolute

  • Remote

ナメクジ相対

内部リンクは、ファイル/ディレクトリ構造内の一部の名前に限定されません。スラッグはヘッダーとフォールバックディレクトリ名の両方から取得できます。特定のファイル名を覚えておく必要はありませんが、関連するスラッグを覚えることができるため、後でリンクを簡単に作成できます。Gravのテンプレートエンジンは、ファイルの名前を使用して、適用するテンプレートを認識します。

[link](../dog)

上記のコードは、次の結果を取得します-

上記の例では、ディレクトリを上に移動して、にあるデフォルトのページをロードする必要があります。 pages/01.home/02.nature/item.md からのディレクトリ pages/01.home/02.dog/item.md。ファイルitem.mdにはスラッグが割り当てられていないため、Gravはディレクトリ名を使用します。

次に、同様の例を見つけます。 pages/01.home/01.dog/item.mdpages/02.black/01.fish/item.md、ただし、item.mdファイルをロードすると、のファイルにスラッグが割り当てられます。 01.fish

[link](../../black/fish)

上記のコードは次の結果をもたらします-

これで、デフォルトのスラッグフォルダ名が次のように置き換えられることがわかります。 black item.mdのヘッダーにスラッグします。

ディレクトリ相対

相対設定された宛先は、現在のページをリンクするために使用されます。現在のページは、必要に応じて画像ファイルまたはその他のファイルにすることができます。ファイルの場所は、宛先の場所と同じくらい重要です。パスの変更中にファイルを移動すると、リンクが壊れることがあります。ファイルの一貫性が保たれている限り、ローカル開発サーバーと異なるドメイン名のライブサーバーを簡単に切り替えることができます。リンクは問題なく機能するはずです。

ファイルのリンクを、ディレクトリやスラッグではなく、名前で直接指定します。あなたはからリンクを作成することができますpages/01.home/01.dog/item.md to pages/02.black/01.fish/item.md 以下に示すコマンドを使用します。

[link](../../02.black/01.fish/item.md)

上記のコードは次の結果をもたらします-

次のように、両方のフォルダが上に移動します。 ../../、次に下の2つのフォルダで、直接ポイントします item.md ファイル。

絶対リンク

それはあなたに基づいて、相対的なリンクに似ています /user/pages/Gravのディレクトリ。さらに、これは2つの方法で実行できます。

  • Slug Relative style

  • Directory Relative style

ナメクジ相対スタイル

スラッグ相対型と同様に行うことができます。パス内のディレクトリ名を使用します。リンクを解除することにより、順序のエラーを排除し、後で変更します。リンク切れにつながる先頭のフォルダ名の番号を変更します。

以下に絶対リンクの例を示します。リンクは/で開きます。絶対リンクが作成されることを指定しますpages/01.home/01.dog/item.md スラッグスタイルで。

[link](/home/nature)

上記のコードは次の結果をもたらします-

Directory relative styleGitHubなどのサービスで使用すると、より一貫性があります。Gravの柔軟性のメリットはありません。以下に、への絶対リンクの例を示します。pages/01.home/01.dog/item.md ディレクトリ相対スタイルを使用します。

[link](/01.home/01.dog)

リモート

リモートリンクを使用すると、URLを介して任意のファイルまたはドキュメントに直接リンクできます。自分のサイトのコンテンツを含める必要はありません。

次の例は、にリンクする方法を示しています TutorialsPoint ページ。

[link](http://www.tutorialspoint.com)

上記のコードは次の結果をもたらします-

安全なHTTPSリンクを含む任意のURLに直接リンクできます。