update docs

Author: aster-void

docs/contents/article.md

@@ -19,27 +19,28 @@
 
   - 著者。
 
-- categories: string[]
+- categories?: string[]
   - 何なんだろうね。
 
 ### image 系
 
-- image: path
+- thumbnail.src: path
 
   - タイトル画像。記事一覧とトップで使うよ。
   - 縦横比 3:5 に crop されるよ。
 
-- fit?: "cover" | "contain" | fill" | "none" = "cover"
+- thumbnail.fit?: "cover" | "contain" | fill" | "none" = "cover"
 
   - `object-fit`
   - Astro のビルド段階で Sharp に渡されるよ。
   - <https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit>
 
-- position?: "center" | "left" | "right" | "top" | "bottom"
+- thumbnail.position?: "center" | "left" | "right" | "top" | "bottom"
 
   - `object-position`
   - Astro のビルド段階で Sharp に渡されるよ。
 
-- bg_color?: string
+- thumbnail.bg?: string
   - ロード中や画像の漏れたところに見せる背景色。
   - 設定しないと DaisyUI の `skeleton` を使うよ。
+  - `fit` が `contain` の場合は、必須のプロパティだよ。

docs/contents/projects.md

@@ -14,20 +14,20 @@
 
 ## frontmatter
 
-| キー          | 必須 | 説明                                                                           |
-| ------------- | ---- | ------------------------------------------------------------------------------ |
-| `title`       | ✅   | プロジェクト名                                                                 |
-| `order`       |      | 表示順。指定されなかった場合は `date` 降順でソートされます。                   |
-| `date`        | ✅   | 記事の初回執筆日。ソートのみで利用しています。                                 |
-| `image`       | ✅   | イメージ画像に関するデータ。                                                   |
-| `image.src`   | ✅   | イメージファイルへの markdown からの相対パス。                                 |
-| `image.fit`   |      | イメージのクロップ方法。 default = "cover"。                                   |
-| `image.bg`    |      | イメージの背景色。ロード中と `crop` = "contain" のときの背景に使われています。 |
-| `description` | ✅   | 短い説明。                                                                     |
-| `tags`        |      | 使用されている技術など。現状タグごとのフィルタリング機能等は提供していません。 |
-| `github`      |      | プロジェクトの GitHub 上での URL。                                             |
-| `youtube`     |      | プロジェクトの YouTube 上での URL。                                            |
-| `website`     |      | プロジェクトのウェブサイトの URL。                                             |
+| キー            | 必須 | 説明                                                                           |
+| --------------- | ---- | ------------------------------------------------------------------------------ |
+| `title`         | ✅   | プロジェクト名                                                                 |
+| `order`         |      | 表示順。指定されなかった場合は `date` 降順でソートされます。                   |
+| `date`          | ✅   | 記事の初回執筆日。ソートのみで利用しています。                                 |
+| `thumbnail`     | ✅   | イメージ画像に関するデータ。                                                   |
+| `thumbnail.src` | ✅   | イメージファイルへの markdown からの相対パス。                                 |
+| `thumbnail.fit` |      | イメージのクロップ方法。 default = "cover"。                                   |
+| `thumbnail.bg`  |      | イメージの背景色。ロード中と `crop` = "contain" のときの背景に使われています。 |
+| `description`   | ✅   | 短い説明。                                                                     |
+| `tags`          |      | 使用されている技術など。現状タグごとのフィルタリング機能等は提供していません。 |
+| `github`        |      | プロジェクトの GitHub 上での URL。                                             |
+| `youtube`       |      | プロジェクトの YouTube 上での URL。                                            |
+| `website`       |      | プロジェクトのウェブサイトの URL。                                             |
 
 ## body について