Ghost&Eleventyを使用して完全に静的なWebサイトを構築するためのスターターテンプレート
デモ: https://eleventy.ghost.org
# From Source
git clone https://github.com/TryGhost/eleventy-starter-ghost.git
cd eleventy-starter-ghost
次に、依存関係をインストールします
yarn
開発サーバーを開始します
yarn start
これで、ヘッドレスCMSとして実行されているGhostからコンテンツを引っ張る完全に静的なサイトがあります。
デフォルトでは、スターターはhttps://eleventy.ghost.ioにあるデフォルトのゴーストインストールからコンテンツを入力します。
独自のインストールを使用するには、資格情報を使用して.env
構成ファイルを編集します。 Ghost Adminの「統合」画面にcontentApiKey
見つけることができます。 Ghostに必要な最小バージョンは、このスターターを問題なく使用するために2.10.0
です。
スターターには、netlifyを使用して展開するための3つの構成ファイルが含まれています。ビルド設定用のnetlify.toml
ファイル、すべてのルートに設定されたデフォルトのセキュリティヘッダーを備えたheaders.njk
ファイル( /_headers
パスにビルド)、およびredirects.njk
、カスタムドメインリダイレクト( /_redirects
パスにビルド)を設定するために設定します。
Netlifyアカウントに展開するには、下のボタンを押します。
コンテンツAPIキーは、一般に機密情報とは見なされず、虐待の場合に変更できるように存在します。したがって、ほとんどの人はそれを.env
configファイルに直接コミットします。この情報をリポジトリから締め出すことを希望する場合は、この構成を削除し、代わりに生産ビルド用のNetlify env変数を設定できます。
展開したら、Ghost + Netlify Integrationをセットアップして、Ghostからの展開フックを使用してトリガーNetlify Rebuildsを使用できます。そうすれば、Ghostでデータが変更されるたびに、サイトはNetlifyで再構築されます。
ゴースト設定内でMake this site private
ことにより、デフォルトのゴーストハンドルバーのテーマのフロントエンドを無効にすることができます。これにより、Ghostインストールの前でパスワード保護が可能になり、 <meta name="robots" content="noindex" />
を設定します。
# Build the site locally
yarn build
Copyright(c)2013-2025 Ghost Foundation- MITライセンスの下でリリース。