gatsby starter ghost

ギャツビー スターター ゴースト

Ghost と Gatsby を使用して超高速 Web サイトを構築するためのスターター テンプレート

デモ: https://gatsby.ghost.org/

インストール中

 # With Gatsby CLI
gatsby new gatsby-starter-ghost https://github.com/TryGhost/gatsby-starter-ghost.git

 # From Source
git clone https://github.com/TryGhost/gatsby-starter-ghost.git
cd gatsby-starter-ghost

次に依存関係をインストールします

yarn

ランニング

開発サーバーを起動します。これで、ヘッドレス Ghost からコンテンツを取得する Gatsby サイトが完成しました。

gatsby develop

デフォルトでは、スターターは https://gatsby.ghost.io にあるデフォルトの Ghost インストールからコンテンツを取り込みます。

独自のインストールを使用するには、資格情報を使用して.ghost.json構成ファイルを編集する必要があります。 apiUrl値を Ghost サイトの URL に変更します。 Ghost(Pro) の顧客の場合、これは.ghost.ioで終わる Ghost の URL であり、Ghost のセルフホスト バージョンを使用している人の場合は、サイトへのアクセスに使用されるのと同じ URL になります。

次に、 contentApiKey値を Ghost サイトに関連付けられたキーに更新します。キーは、Ghost Admin 内で統合を作成することで提供できます。 「統合」に移動し、「新しい統合を追加」をクリックします。統合に適切な名前を付けて、「作成」をクリックします。

最後に、リンク (正規リンクなど) が正しく生成されるように、 siteConfig.jsで目的の URL を構成します。このファイルのpostsPerPageなど、他のデフォルト値を更新することもできます。

このスターターを問題なく使用するには、Ghost インストールが少なくともバージョン2.10.0である必要があります。

このスターターに使用されるデフォルトの Ghost バージョンは5.xです。 Ghost インストールが以前のバージョンである場合は、 .ghost.json設定でversionプロパティを渡す必要があります。

ゴースト >=2.10.0 <5.0.0

{
    "apiUrl" : " https://gatsby.ghost.io " ,
    "contentApiKey" : " 9cc5c67c358edfdd81455149d0 " ,
    "version" : " v4.0 "
}

ゴースト >=5.0.0

{
    "apiUrl" : " https://gatsby.ghost.io " ,
    "contentApiKey" : " 9cc5c67c358edfdd81455149d0 "
}

Netlify を使用したデプロイ

スターターには、Netlify でのデプロイに特化した 3 つの構成ファイルが含まれています。ビルド設定用のnetlify.tomlファイル、すべてのルートに設定されたデフォルトのセキュリティ ヘッダーを含む/static/_headersファイル、および Netlify カスタム ドメイン リダイレクトを設定する/static/_redirects 。

Netlify アカウントにデプロイするには、下のボタンを押してください。

コンテンツ API キーは通常、機密情報とは見なされません。悪用された場合に変更できるように存在します。そのため、ほとんどの人は.ghost.json構成ファイルに直接コミットします。この情報をリポジトリに保存したくない場合は、この構成を削除し、代わりに運用ビルド用の Netlify ENV 変数を設定できます。

デプロイ後は、Ghost と Netlify の統合を設定して、Ghost からのデプロイフックを使用して Netlify の再構築をトリガーできます。そうすれば、Ghost でデータが変更されるたびに、サイトが Netlify 上で再構築されます。

最適化

Ghost 設定内でMake this site privateフラグを有効にすることで、デフォルトの Ghost Handlebars Theme フロントエンドを無効にできます。これにより、Ghost のインストール前にパスワード保護が有効になり、 <meta name="robots" content="noindex" />が設定されるため、Gatsby フロントエンドが SEO の信頼できる情報源になります。

追加オプション

 # Run a production build, locally
gatsby build

# Serve a production build, locally
gatsby serve

Gatsby develop .ghost.jsonのdevelopment構成を使用しますが、Gatsby build production構成を使用します。

著作権とライセンス

Copyright (c) 2013-2025 Ghost Foundation - MIT ライセンスに基づいてリリースされています。