Astro Basics

aaaaaいい感じに表示されてほしいです。
<h2 id="hdb41525ba7">ブログテンプレートから作成されました🎉</h2>ブログテンプレートからAPIを作成しました。 おつかれさまでした🎉<h2 id="hf45076424a">APIプレビューを試そう🚀</h2>最初に「APIプレビュー」をしてみましょう。入稿したコンテンツはAPI経由で取得し、Viewに繋ぎ込みます。 APIプレビューでは実際のAPIレスポンスを確認でき、あなたの開発を加速させます。👇まずはここをクリックします。<figure><img src="https://images.microcms-assets.io/assets/4bc1617fb385465dbb96f9c850433364/9081297ea13449f190a06cdeeec4a3d1/blog-template-description1.png" alt="" width="2490" height="1652"></figure>APIプレビュー画面が開いたら、「取得」ボタンでリクエストを試してみましょう。<figure><img src="https://images.microcms-assets.io/assets/4bc1617fb385465dbb96f9c850433364/135e94bad8d14eeab20fa9c508d5fb4a/blog-template-description2.png" alt="" width="2492" height="1648"></figure>この記事の内容がAPIで取得できていることがわかります。<figure><img src="https://images.microcms-assets.io/assets/4bc1617fb385465dbb96f9c850433364/1f2c6089cf174191b47787f0e13d1a01/blog-template-description3.png" alt="" width="1592" height="1246"></figure><h2 id="h88398f2fb7">次にやること🏃</h2>APIプレビューで確認したレスポンスを参考に、あなた自身のWebサイトを構築しましょう。 microCMSはAPIでコンテンツを取得するため、お好きな言語・フレームワークで画面を構築できます。<ul><li><a href="https://document.microcms.io/tutorial/javascript/javascript-top" target="_blank" rel="noopener noreferrer nofollow">JavaScript SDK</a></li><li><a href="https://document.microcms.io/tutorial/nuxt/nuxt-top" target="_blank" rel="noopener noreferrer nofollow">Nuxt SDK</a></li><li><a href="https://document.microcms.io/tutorial/gatsby/gatsby-top" target="_blank" rel="noopener noreferrer nofollow">Gatsby SDK</a></li></ul>その他に<a href="https://microcms.io/features/sdk" target="_blank" rel="noopener noreferrer nofollow">サーバーサイドSDK（PHP / Go / Ruby）やモバイルSDK（iOS / Android）</a>もございます。お困りなことや疑問点などございましたらお気軽にご連絡ください。 サポート窓口：<a href="mailto:support@microcms.io">support@microcms.io</a> よくある質問：<a href="https://help.microcms.io/ja/knowledge">https://help.microcms.io/ja/knowledge</a>