From 6ec4adf2bedcfe0394cf9de28032a4898cc7611b Mon Sep 17 00:00:00 2001 From: kimulaco Date: Tue, 5 Dec 2023 21:05:33 +0900 Subject: [PATCH 1/3] i18n(ja): Update indentation of code block of `/guides/cms/buttercms.mdx` --- src/content/docs/ja/guides/cms/buttercms.mdx | 57 ++++++++++---------- 1 file changed, 29 insertions(+), 28 deletions(-) diff --git a/src/content/docs/ja/guides/cms/buttercms.mdx b/src/content/docs/ja/guides/cms/buttercms.mdx index 487decbde59f0..ad04896ccaf3f 100644 --- a/src/content/docs/ja/guides/cms/buttercms.mdx +++ b/src/content/docs/ja/guides/cms/buttercms.mdx @@ -4,6 +4,7 @@ description: ButterCMSを使ってコンテンツをAstroプロジェクトへ type: cms service: ButterCMS stub: false +i18nReady: true --- import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro' @@ -29,42 +30,42 @@ ButterCMSは、プロジェクトで利用できる構造化されたコンテ 1. `.env`ファイルをプロジェクトのルートディレクトリに作成し、環境変数にAPIトークンを追加します。 -```ini title=".env" -BUTTER_TOKEN=APIトークンをここに記載 -``` + ```ini title=".env" + BUTTER_TOKEN=APIトークンをここに記載 + ``` -:::tip -[環境変数](/ja/guides/environment-variables/)のAstroの`.env`ファイルについてをご覧ください。 -::: + :::tip + [環境変数](/ja/guides/environment-variables/)のAstroの`.env`ファイルについてをご覧ください。 + ::: 2. ButterCMS SDKを依存関係としてインストールします。 - - - ```shell - npm install buttercms - ``` - - - ```shell - pnpm install buttercms - ``` - - - ```shell - yarn add buttercms - ``` - - + + + ```shell + npm install buttercms + ``` + + + ```shell + pnpm install buttercms + ``` + + + ```shell + yarn add buttercms + ``` + + 3. プロジェクトに`src/lib/`を作り、そこへ`butter.cms.js`を作成します。 -```js title="src/lib/buttercms.js" -import Butter from "buttercms"; + ```js title="src/lib/buttercms.js" + import Butter from "buttercms"; -export const butterClient = Butter(import.meta.env.BUTTER_TOKEN); -``` + export const butterClient = Butter(import.meta.env.BUTTER_TOKEN); + ``` -これは、APIトークンを使用してSDKの認証を行い、プロジェクト全体で利用するためにエクスポートします。 +**これは、APIトークンを使用してSDKの認証を行い、プロジェクト全体で利用するためにエクスポートします。** ### データを取得する From ead933517b7c983c22c19df144680011252868c6 Mon Sep 17 00:00:00 2001 From: kimulaco Date: Tue, 5 Dec 2023 21:06:02 +0900 Subject: [PATCH 2/3] i18n(ja): Update pnpm command of `/guides/cms/buttercms.mdx` --- src/content/docs/ja/guides/cms/buttercms.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/ja/guides/cms/buttercms.mdx b/src/content/docs/ja/guides/cms/buttercms.mdx index ad04896ccaf3f..6f07649fee8ff 100644 --- a/src/content/docs/ja/guides/cms/buttercms.mdx +++ b/src/content/docs/ja/guides/cms/buttercms.mdx @@ -47,7 +47,7 @@ ButterCMSは、プロジェクトで利用できる構造化されたコンテ ```shell - pnpm install buttercms + pnpm add buttercms ``` From 3a6895bc462765b46ed10de7a1c9b34e25e650eb Mon Sep 17 00:00:00 2001 From: kimulaco Date: Thu, 7 Dec 2023 08:24:31 +0900 Subject: [PATCH 3/3] Add note --- src/content/docs/ja/guides/cms/buttercms.mdx | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/content/docs/ja/guides/cms/buttercms.mdx b/src/content/docs/ja/guides/cms/buttercms.mdx index 6f07649fee8ff..86413406a7a71 100644 --- a/src/content/docs/ja/guides/cms/buttercms.mdx +++ b/src/content/docs/ja/guides/cms/buttercms.mdx @@ -14,6 +14,10 @@ ButterCMSは、プロジェクトで利用できる構造化されたコンテ ## Astroとの連携 +:::note +完全なブログサイトの例については、[Astro + ButterCMS スタータープロジェクト](https://buttercms.com/starters/astro-starter-project/)をご覧ください。 +::: + このセクションでは、[ButterCMS SDK](https://www.npmjs.com/package/buttercms)を使ってデータをAstroプロジェクトに取り込む方法を解説します。 始めるには以下の手順に従ってください。 @@ -123,6 +127,7 @@ const fields = pageData.fields as Fields; ### もっと詳しく +- [Astro + ButterCMS スタータープロジェクト](https://buttercms.com/starters/astro-starter-project/) - [完全なButterCMS APIドキュメント](https://buttercms.com/docs/api/) - ButterCMSの[JavaScriptガイド](https://buttercms.com/docs/api-client/javascript/)