Display profile

[liverHawk]

記事を書いた人を表示し、さらにその人の紹介まで表示できるようにしたい

[liverHawk]

ここを書き換えたい

src/components/widget/PostProfile.astroが大元

[Tetsu-is]

方針をかんがえ中です。

実装イメージ

1. データの保管(既にあるcontent/members/~~.mdと分けるかは検討中)
   src/content/members/tetsuro.jsonに

{
 "id": "abcd1234" <-- uuidなどで生成
  "name": "Tetsuro",
  "description": "Hello I'm Tetsu ~~~~~~~~~~~",
  "image": "https://github.com/tetsuro.png", <- githubのiconなど
  "link": "https://x.com/ShuShuShuBOOOx", <- 各種SNSリンクなど
}

2. データの取り出し
   マークダウンに著者idいれとく
   (名前かえたら全部壊れるので名前ではなくIDで一意にしておきたい)
   src/content/posts/testpost.md

~~~
title: hogehoge
authorId: 'abcd1234   <-- 著者ID
(著者名は削除する)
~~~
---
(本文)

src/utils/get_author.ts

const getAuthorInfor = (id: string) => {
   // getCollectionとかでauthorを取り出し
  return author;
}

3. 描画
   src/components/widget/PostProfile.astro

---
const author = getAuthorInfo(id);
---
<div>
// author
</div>

考えないといけないこと

• uuid生成させる仕組みがない
  TypeScriptでuuid生成関数を作る。ほんでもってmake bloggenとかに組みこんで著者ID込みのmdファイルをつくる?
• タイポ等で存在しない著者IDを.mdに記載して詰む
  astro buildのときにエラー判定する。make bloggenとかに組みこんで著者ID込みのmdファイルをつくらせる
• (仮にmakefile作るとしても)各個人が自分のID覚えるの面倒じゃね
  make bloggenしたときに対話式で選択させる?

who are you?
> Tetsu
- liverHawk
- Taro
- Jiro

[liverHawk]

content/members/*.mdのフロントマターからprofiles.jsonを生成するようにしているから、idと名前の対応づけはそれを見れば簡単にできる。astro:config:doneのフックなのでdevでもbuildでも一度すれば生成される。

[liverHawk]

npm scriptで作ってみた。これならID管理できそう。

10475fe

• uuid生成させる仕組みがない
  TypeScriptでuuid生成関数を作る。ほんでもってmake bloggenとかに組みこんで著者ID込みのmdファイルをつくる?
• タイポ等で存在しない著者IDを.mdに記載して詰む
  astro buildのときにエラー判定する。make bloggenとかに組みこんで著者ID込みのmdファイルをつくらせる
• (仮にmakefile作るとしても)各個人が自分のID覚えるの面倒じゃね
  make bloggenしたときに対話式で選択させる?

who are you?

Tetsu

• liverHawk
• Taro
• Jiro