１

2025-04-28

てすと

著者: せんてん

Astroブログチュートリアル詰まったところ

文字化け

https://docs.astro.build/ja/tutorial/4-layouts/2/　これの各ブログ記事で同じレイアウトを適用するやつで、チュートリアルの通りにやったらブログ記事が文字化けした。

解決方法

chatGPTにぶちこんだら以下のコードが返ってきた。

---
const { frontmatter } = Astro.props;
---
    <meta charset="utf-8" />
    <h1>{frontmatter.title}</h1>
    <p>著者: {frontmatter.author}</p>
    <slot />

解決！やったね！ちなみにこのコードコピペできるやつはhttps://roboin.io/article/2023/12/16/how-to-use-expressive-code-in-markdown-and-astro/ でやりました。便利。

なんかビルドエラー

チュートリアル通りにやったはずなのにcloudflareでのビルド失敗…

解決方法

ファイルの配置がおかしかった！本来は

└── src/
    ├── components
    ├── layouts
    ├── scripts
    ├── styles
    └── pages/
        └── posts

↑なんだけどsrc直下にindexとか入れてた。チュートリアル通りとは？