Bridgy-Fedのまとめ

h-cardブロックはプロフィールを表す
<div class="h-card">
  <img  class="u-photo" src="アバターアイコンのアドレス" alt="u-photoは投稿でも使える添付画像を表すclass" />
  <a class="u-url u-uid p-name" rel="me" href="/">
    p-nameはユーザー名 rel="me"href="/"を必ずつける
  </a>
  <p class="p-note">p-noteはSNSにあるアカウント説明文</p>
  <div style="display:none;">
    <a href="https://fed.brid.gy/web/ubanis.com" class="u-url">
      u-urlをつけたリンクはプロフィールに追加されるリンクになる
    </a>
  </div>
</div>

<div class="bio_wrap h-card">
  <Picture
    class="u-photo"
    src={nyan}
    formats={["webp"]}
    height="143"
    width="128"
    alt=""
  />
  <p>
    <strong><a class="u-url u-uid p-name" rel="me" href="/">ubanis</a></strong>
  </p>
  <p class="p-note">ふたなり絵描き</p>
  <p style="display:none;">
    <a href="https://fed.brid.gy/web/ubanis.com" class="u-url"
      >ActivityPubアカウント</a>
  </p>
</div>

  <div style="display:none;">
    <Bio />
  </div>

h-entryブロックがFediverseへの投稿ブロックを表す
<div class="h-entry">
  <p style="display: none" class="p-name">
    p-nameは投稿のタイトルを表す。
    p-nameクラスがある場合は投稿がArticleとなりマストドンなどでは
    タイトルとともに記事へのリンクだけの投稿となり本文が展開されない。
    省略可能。
  </p>
  <div class="e-content">
    e-contentは投稿の本文。
    このブロック内はHTMLタグなどが外された純粋なテキストに変換される。
    当然省略不可。
  </div>
  <p><a class="u-in-reply-to" href="リプライ先投稿URL">
    u-in-reply-toがある場合その投稿はhrefで指定された
    マストドンなどの投稿URLへのリプライとなる。
    省略可能。
  </a></p>
  以下はBridgy-Fedとやり取りするために必要なもの。
  display:noneで非表示にしている。
  <div style="display: none;">
    u-bridgy-fedのリンクのタグには何も無くて良い。
    <a class="u-bridgy-fed" href="https://fed.brid.gy/"></a>
    <p class="dt-published">投稿の日時</p>
  </div>
</div>

    <div class="h-entry">
      {
        frontmatter.isPname && (
          <p style="display: none" class="p-name">
            {frontmatter.title}
          </p>
        )
      }
      <div class="e-content"><slot /></div>
      {
        frontmatter.replyTo && (
          <p><a class="u-in-reply-to" href={frontmatter.replyTo}>[リプライ先]</a></p>
        )
      }
      <div style="display: none;">
        <a class="u-bridgy-fed" href="https://fed.brid.gy/"></a>
        <time class="dt-published" datetime={postDate.toJSON()}>
          {postDate.toJSON()}
        </time>
      </div>
    </div

---
import { z, defineCollection } from "astro:content";

const blogCollection = defineCollection({
  schema: z.object({
    title: z.string(),
    date: z.string().transform((str) => new Date(str)),
    description: z.string().optional(),
    tags: z.array(z.string()).optional(),
    baseUrl: z.string().optional(),
    featured: z.string().optional(),
    heroImage: z.string().optional(),
    author: z.string().optional(),
    isDraft: z.boolean().optional(),
    category: z.string().optional(),
    isPname: z.boolean().optional(),// p-name
    replyTo: z.string().optional(),// u-in-reply-to
    updatedDate: z
      .string()
      .transform((str) => new Date(str))
      .optional(),
  }),
});
export const collections = {
  blog: blogCollection,
  note: blogCollection,
};

---
isPname: true
replyTo: "https://misskey.io/notes/9l7ixwi3nq"
---

isPnameは省略すればfalseになる。
replayToにはリプライ先のURLを必ず書く。

---
title: mdxファイルでやってみる
date: " 2023-10-24 00:00:00"
description: mdxファイルならばu-photoが使えそうだ
tags:
  - astro
  - activitypub
  - bridgy
baseUrl: /note/
category: Astro
---

Astro の mdx ファイルは HTML タグが普通に使えるので u-photo クラスを付けて画像が貼れるので画像が投稿に添付されるはず 。

とりあえずねこ。

<img class="u-photo" src="/img/nyan4.jpg" />

---
title: このタイトルはp-nameで使われる
date: " 2023-10-23 00:00:00"
description: ここはBridgy-Fedに関係なし
tags:
  - タグも関係なし
baseUrl: /note/
category: Web
---

この本文がe-contentになる。

baseUrlとcategoryは
うちのサイトだけの都合で
ついているものなので
気にしないでください。

<link rel="me" href="https://github.com/ubanis" />