友人、私は靜的サイトのためのまともなコンテンツ管理システムを探していました...まあ、私たち全員がそれらを「靜的サイト」と呼んでいる限り、正直に言っています。

私は知っています、私は知っています：私は知っています：利用可能なコンテンツ管理システムオプションがたくさんあります、そして、私はいくつかテストしましたが、実際には誰もいませんでしたか？奇妙な価格設(shè)定モデル、困難なカスタマイズ、いくつかは管理する別のものになることさえあります。

また、AstroやEleventyなどのサイトジェネレーターを使用して構(gòu)築するのは本當(dāng)に楽しいですが、コンテンツを管理する手段としてマークダウンをピッチダウンすることは、多くの「非技術(shù)」の人々にとっては理想的ではありません。

コンテンツ管理システムに対するいくつかの期待には、次のものが含まれます。

• 使いやすい：最も重要な機能は、そもそもコンテンツ管理システムを使用することを選択する理由です。
• 最小限の要件：見てください、私はちょうどいくつかのHTMLを更新しようとしています、私はデータベーステーブルについてあまり考えたくありません。
• コラボレーション： CMSツールは、複數(shù)の貢獻者が協(xié)力している場合に最適に機能します。おそらくMarkdownまたはGitHubとは何かを知らない貢獻者。
• カスタマイズ可能：同じものがないため、さまざまな種類のコンテンツ用にカスタムフィールドを作成できる必要があります。

要求のひどく長いリストではないと思います。かなり合理的です。だから私はページCMSを発見してうれしかったです。

獨自のホームページによると、Pages CMSは「靜的サイトジェネレーターのハスルなしのCMS」です。それを証明します。ページCMSは、主に単一の開発者であるRonan Berderによって開発されていますが、オープンソースであり、GitHubでプルリクエストを受け入れています。

他のCMSツールで見つかった多くの「優(yōu)れたパーツ」を取得し、単一の構(gòu)成ファイルを使用して、CMSは物事を洗練されたユーザーインターフェイスに組み合わせています。

ページCMSには、カスタマイズのための多くのオプションが含まれています。メディアをアップロードしたり、編集可能なファイルを作成したり、コンテンツのコレクション全體を作成したりできます。また、コンテンツにはあらゆる種類の異なるフィールドを持つことができ、サポートされているタイプの完全なリストと完全にカスタムフィールドのドキュメントを確認(rèn)できます。

コンテンツはGitリポジトリ內(nèi)にフラットファイルとして保存されているため、心配する「バックエンド」は実際にはありません。ページCMSは、Gitの使用方法を?qū)g際に知る必要なく、リポジトリ內(nèi)のコンテンツを管理する機能を人々に提供します。これはきちんとしていると思います。

ユーザー認(rèn)証は2つの方法で機能します。貢獻者はGithubアカウントを使用してログインしたり、貢獻者を電子メールで招待したり、パスワードのない「マジックリンク」ログインURLを受け取ることができます。 GitHubアカウントは開発の世界以外ではあまり一般的ではないので、これは素晴らしいことです。

ああ、そしてページCMSには、自由に使用できるため、非常に安価な入場障壁があります。

ページCMSとアストロコンテンツコレクション

Astroのデフォルトのブログスターターを使用してAstroとPages CMSを使用してGithubにリポジトリを作成し、公開しましたので、自由にクローンしてフォローしてください。

私はしばらくの間Astroのファンでしたが、Pages CMSはAstroのコンテンツコレクション機能と並んでうまく機能しています。コンテンツコレクションにより、Astro全體で大量のデータが簡単に利用できるようになるため、Astroページ內(nèi)でコンテンツを補給できます。これらのデータグローブは、サードパーティAPIなどのさまざまなソースからのものですが、一般的にはマークダウンファイルのディレクトリとしてです。 CMSが本當(dāng)に得意なページを推測しますか？マークダウンファイルのマネージングディレクトリ！

コンテンツコレクションは、コレクション構(gòu)成ファイルによって設(shè)定されます。プロジェクトのsrc/content.config.tsファイルをご覧ください。ここでは、ブログという名前のコンテンツコレクションを定義しています。

 「Astro/Loaders」から{glob}をインポートします。
'astro：content'から{definecollection、z}をインポートします。

const blog = defintecollection（{
// `src/content/blog/`ディレクトリにマークダウンをロードします。
ローダー：glob（{base： './src/content/blog'、pattern： '**/*。md'}）、
  //スキーマを使用してFrontMatterを入力します
  スキーマ：Z.Object（{
    タイトル：Z.String（）、
   説明：Z.String（）、
    //文字列を日付オブジェクトに変換します
    Pubdate：z.coerce.date（）、
    updatedDate：z.coerce.date（）。optional（）、
    HeroImage：z.String（）。optional（）、
  }）、
}）;

const collectss = {blog};

ブログコンテンツコレクションは、**/*。MDファイルタイプ、マークダウンファイル形式に一致するファイルの/src/content/blogディレクトリをチェックします。スキーマプロパティはオプションですが、AstroはZODで有用なタイプチェック機能を提供し、Pages CMSによって保存されたデータがAstroサイトで予想どおりに機能するようにします。

ページCMS構(gòu)成

さて、Astroがブログのコンテンツを探す場所を知っているので、CMS構(gòu)成ファイルのページを見てみましょう。pages.config.yml：

コンテンツ：
   - 名前：ブログ
    ラベル：ブログ
    パス：SRC/コンテンツ/ブログ
    ファイル名： '{year}  -  {month}  -  {day}  -  {fields.title} .md'
    タイプ：コレクション
    ビュー：
      フィールド：[Heroimage、Title、Pubdate]
    フィールズ：
       - 名前：タイトル
        ラベル：タイトル
        タイプ：文字列

       - 名前：説明
        ラベル：説明
        タイプ：テキスト

       - 名前：Pubdate
        ラベル：公開日
        タイプ：日付
        オプション：
          形式：mm/dd/yyyy

       - 名前：updatedDate
        ラベル：最終更新日
        タイプ：日付
        オプション：
          形式：mm/dd/yyyy

       - 名前：HeroImage
        ラベル：ヒーローイメージ
        タイプ：畫像

       - 名前：ボディ
        ラベル：ボディ
        タイプ：リッチテキスト

   - 名前：サイトセッティング
    ラベル：サイト設(shè)定
    パス：src/config/site.json
    タイプ：ファイル
    フィールズ：
       - 名前：タイトル
        ラベル：ウェブサイトのタイトル
        タイプ：文字列

       - 名前：説明
        ラベル：ウェブサイトの説明
        タイプ：文字列
        説明：説明なしで任意のページに使用されます。

       - 名前：url
        ラベル：ウェブサイトURL
        タイプ：文字列
        パターン： ^（https？：\/\/）？（www \。）？

       - 名前：カバー
        ラベル：プレビュー畫像
        タイプ：畫像
        説明：ソーシャルネットワークのソーシャルプレビューで使用される畫像（Facebook、Twitterなど...）

メディア：
  入力：パブリック/メディア
  出力： /メディア

そこには多くのことが起こっていますが、コンテンツセクション內(nèi)では、ブログオブジェクトにズームインしましょう。

 - 名前：ブログ
  ラベル：ブログ
  パス：SRC/コンテンツ/ブログ
  ファイル名： '{year}  -  {month}  -  {day}  -  {fields.title} .md'
  タイプ：コレクション
  ビュー：
    フィールド：[Heroimage、Title、Pubdate]
  フィールズ：
     - 名前：タイトル
      ラベル：タイトル
      タイプ：文字列

     - 名前：説明
      ラベル：説明
      タイプ：テキスト

     - 名前：Pubdate
      ラベル：公開日
      タイプ：日付
      オプション：
        形式：mm/dd/yyyy

     - 名前：updatedDate
      ラベル：最終更新日
      タイプ：日付
      オプション：
        形式：mm/dd/yyyy

     - 名前：HeroImage
      ラベル：ヒーローイメージ
      タイプ：畫像

     - 名前：ボディ
      ラベル：ボディ
      タイプ：リッチテキスト

パスプロパティを使用してマークダウンファイルを保存するディレクトリにページを指すことができ、/src/content/blog/location astroに一致してコンテンツを探します。

パス：SRC/コンテンツ/ブログ

ファイル名の場合、ページCMSがファイルをコンテンツコレクションディレクトリに保存したときに使用するパターンテンプレートを提供できます。この場合、Fields.Titleを使用してタイトルフィールドを參照することにより、ファイル日付、月、日、および1日、およびブログ項目のタイトルを使用しています。ファイル名は、シナリオに合わせて、さまざまな方法でカスタマイズできます。

ファイル名： '{year}  -  {month}  -  {day}  -  {fields.title} .md'

タイププロパティは、Pages CMSに、これが単一の編集可能なファイルではなくファイルのコレクションであることを伝えます（すぐに到達します）。

タイプ：コレクション

Astro Content Collectionの構(gòu)成では、ファイルには、タイトル、説明、Pubdate、さらにいくつかのプロパティなど、ファイルにいくつかのメタデータが含まれることを期待して、ブログコレクションを定義します。

Pages CMS Blog Collectionの要件をフィールドとして反映できます。各フィールドは、収集しようとしているデータの種類に合わせてカスタマイズできます。ここでは、これらのフィールドをアストロブログのスターターにあるデフォルトのマークダウンフロントマッターと一致させました。

フィールズ：
   - 名前：タイトル
    ラベル：タイトル
    タイプ：文字列

   - 名前：説明
    ラベル：説明
    タイプ：テキスト

   - 名前：Pubdate
    ラベル：公開日
    タイプ：日付
    オプション：
      形式：mm/dd/yyyy

   - 名前：updatedDate
    ラベル：最終更新日
    タイプ：日付
    オプション：
      形式：mm/dd/yyyy

   - 名前：HeroImage
    ラベル：ヒーローイメージ
    タイプ：畫像

   - 名前：ボディ
    ラベル：ボディ
    タイプ：リッチテキスト

Pages CMSに新しいブログ項目を作成するたびに、これらの各フィールドに記入して、Astroの予想スキーマに一致するようになります。

コンテンツのコレクションは別として、ページCMSを使用すると、編集可能なファイルを管理できます。これは、サイト全體の変數(shù)、機能フラグ、さらには編集可能なナビゲーションなど、さまざまなものに役立ちます。

サイトセッティングオブジェクトをご覧ください。ここでは、タイプをファイルとして設(shè)定しています。パスにはfilename site.jsonが含まれます。

 - 名前：サイトセッティング
  ラベル：サイト設(shè)定
  パス：src/config/site.json
  タイプ：ファイル
  フィールズ：
     - 名前：タイトル
      ラベル：ウェブサイトのタイトル
      タイプ：文字列

     - 名前：説明
      ラベル：ウェブサイトの説明
      タイプ：文字列
      説明：説明なしで任意のページに使用されます。

     - 名前：url
      ラベル：ウェブサイトURL
      タイプ：文字列
      パターン： ^（https？：\/\/）？（www \。）？

     - 名前：カバー
      ラベル：プレビュー畫像
      タイプ：畫像
      説明：ソーシャルネットワークのソーシャルプレビューで使用される畫像（Facebook、Twitterなど...）

私が含めたフィールドは、サイトのタイトル、説明、URL、カバー畫像など、一般的なサイト全體の設(shè)定です。

畫像といえば、畫像やビデオなどのメディアを保存する場所ページCMSを伝えることができます。

メディア：
  入力：パブリック/メディア
  出力： /メディア

入力プロパティは、プロジェクト內(nèi)の /パブリック /メディアディレクトリにファイルを保存する場所を説明しています。

出力プロパティは、特に特定の構(gòu)成を必要とする可能性のあるツール用に、ファイルパスを便利に交換する便利な小さな機能です。たとえば、Astroはボンネットの下でViteを使用しており、ViteはPublic Directoryについてすでに知っており、ファイルパスに含まれているかどうかを不満を述べています。代わりに、ページCMSが代わりに內(nèi)側(cè) /メディアディレクトリから始まる畫像パスの場所のみをポイントするため、出力プロパティを設(shè)定できます。

私が何を意味するかを見るには、SRC/コンテンツ/ブログ/フォルダーのテスト投稿をご覧ください。

 ---
タイトル：「テスト投稿」
説明：「AstroでMarkdownコンテンツを作成するときに使用できる基本的なマークダウン構(gòu)文のサンプルがあります?！?Pubdate：05/03/2025
Heroimage： '/Media/Blog-PlaceHolder-1.jpg'
---

Heroimageは、プロパティを適切に指している/メディア/...の代わりに/...

構(gòu)成に関する限り、ページCMSは必要に応じて単純または複雑な場合があります。コンテンツの種類ごとにフィールドをカスタマイズするだけでなく、必要な限り多くのコレクションまたは編集可能なファイルを追加できます。これにより、サイトを作成するための柔軟性が非常に高くなります！

ページCMSに接続します

Astroサイトがセットアップされ、.pages.config.ymlファイルが設(shè)定されたので、サイトをCMSオンラインアプリのページに接続できます。リポジトリを管理する開発者として、https：//app.pagescms.org/を參照し、githubアカウントを使用してサインインします。

許可に関するいくつかの質(zhì)問を提示する必要があります。すべてのリポジトリまたは特定のリポジトリへのアクセスを提供するかどうかを選択する必要がある場合があります。個人的には、単一のリポジトリにのみアクセスすることを選択しました。この場合、Astro-Pages-CMS-Templateリポジトリです。

リポジトリへのアクセスを提供した後、Pages CMSアプリケーションに戻ります?！弗抓恁弗Д趣蜷_く」という見出しにプロジェクトがリストされていることがわかります。

オープンリンクをクリックすると、Webサイトのダッシュボードに移動します。このダッシュボードでは、サイトの更新を作成できます。

コンテンツの作成

當(dāng)社のサイトのダッシュボードを見ると、左側(cè)にナビゲーションが見られます。

• ブログは、.pages.config.ymlファイル內(nèi)で設(shè)定されたコレクションです。これは、ブログに新しいエントリを追加できる場所になります。
• サイト設(shè)定は、サイト全體の変數(shù)を変更するために使用している編集可能なファイルです。
• メディアは、私たちの畫像やその他のコンテンツが住む場所です。
• 設(shè)定は、.pages.config.ymlファイルを直接編集できる場所です。
• コラボレーターを使用すると、他の人々にサイトにコンテンツを提供するよう招待することができます。

右上の[エントリの追加]ボタンをクリックすると、新しいブログ投稿を作成できます

ここでは、ブログコンテンツのすべてのフィールドに記入してから、保存ボタンを押します。

保存後、ページCMSはマークダウンファイルを作成し、ファイルを適切なディレクトリに保存し、リポジトリに変更を自動的にコミットします。これは、Pages CMSがGitを直接使用する必要なくコンテンツを管理するのに役立つ方法です。

自動的に展開します

殘っている唯一のことは、選択したサービスプロバイダーを通じて自動展開をセットアップすることです。 Astroは、Netlify、CloudFlareページ、Vercelなどのプロバイダーと統(tǒng)合されていますが、ノードアプリケーションを?qū)g行できる場所ならどこでもホストできます。

Astroは通常、構(gòu)築するのに非常に速いので（Viteのおかげで）、サイトの更新は瞬時にはありませんが、展開はかなり迅速です。サイトが完全に靜的なサイトではなく、Astroのサーバー側(cè)のレンダリング機能を使用するようにセットアップされている場合、変更は展開がはるかに高速になる可能性があります。

まとめます

參照としてテンプレートを使用して、AstroコンテンツコレクションがページCMSと一緒にどのように機能するかを確認(rèn)しました。また、プロジェクトリポジトリをページCMSアプリに接続する方法と、ダッシュボードを介してコンテンツの更新を作成する方法も學(xué)びました。最後に、可能であれば、自動展開をセットアップすることを忘れないでください。そのため、コンテンツはすばやく公開されます。

以上が靜的サイトコンテンツ管理にページCMSを使用しますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。