From bbcae5aad5e5336538b2dba83e4759b7ff534921 Mon Sep 17 00:00:00 2001
From: Ciffelia <mc.prince.0203@gmail.com>
Date: Tue, 5 Dec 2023 22:53:53 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=E3=83=96=E3=83=AD=E3=82=B0=E8=91=97?=
 =?UTF-8?q?=E8=80=85=E3=81=A8=E3=82=BF=E3=82=B0=E3=81=AE=E3=82=A2=E3=82=A4?=
 =?UTF-8?q?=E3=82=B3=E3=83=B3=E6=8C=87=E5=AE=9A=E6=96=B9=E6=B3=95=E3=82=92?=
 =?UTF-8?q?=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/avatar.svg                         |  5 ++
 src/assets/hashtag.svg                        |  4 ++
 src/assets/icons/blog/default_user.svg        |  5 --
 src/assets/icons/blog/hashtag.svg             | 18 -----
 src/components/blog/BlogContent.astro         |  2 +-
 src/components/blog/BlogListItem.astro        |  2 +-
 src/components/blog/icon/AuthorIcon.astro     | 67 +++++++++----------
 src/components/blog/icon/TagIcon.astro        | 51 ++++++++------
 src/components/blog/icon/getAuthorIcon.ts     | 55 +++++++++++++++
 src/components/blog/icon/getTagIcon.ts        | 45 +++++++++++++
 src/components/blog/tag/TagList.astro         |  6 +-
 src/components/blog/tag/TagListItemCard.astro | 13 ++--
 src/components/blog/tag/TagSmallList.astro    |  2 +-
 src/components/common/Image.astro             |  2 +-
 src/content/config.ts                         | 24 -------
 src/content/tags/arduino.json                 |  6 +-
 .../icons/blog => content/tags}/arduino.svg   |  0
 src/content/tags/astro.json                   |  6 +-
 .../tags/astro.svg}                           |  0
 src/content/tags/csharp.json                  |  4 --
 .../icons/blog => content/tags}/csharp.svg    |  0
 src/content/tags/discord-bot.json             |  6 +-
 .../tags/discord-bot.svg}                     |  0
 src/content/tags/docker.json                  |  6 +-
 .../icons/blog => content/tags}/docker.svg    |  0
 src/content/tags/dotnet.json                  |  6 +-
 .../tags/dotnet.svg}                          |  0
 src/content/tags/electronic-dictionary.json   |  6 +-
 .../tags/electronic-dictionary.svg}           |  0
 src/content/tags/git.json                     |  6 +-
 .../icons/blog => content/tags}/git.svg       |  0
 src/content/tags/go.json                      |  4 --
 .../Go-Logo_Aqua.svg => content/tags/go.svg}  |  0
 src/content/tags/markdown.json                |  6 +-
 .../tags/markdown.svg}                        |  0
 src/content/tags/python.json                  |  4 --
 .../tags/python.svg}                          |  0
 src/content/tags/rest-api.json                |  6 +-
 .../tags/rest-api.svg}                        |  0
 src/content/tags/rust.json                    |  6 +-
 .../tags/rust.svg}                            |  0
 src/content/tags/unity.json                   |  4 --
 .../tags/unity.svg}                           |  0
 src/pages/blog/authors/[slug]/index.astro     | 32 +++++----
 src/pages/blog/authors/[slug]/ogp.png.ts      | 33 +++++----
 src/pages/blog/tags/[slug]/index.astro        | 47 ++++++++-----
 src/pages/blog/tags/[slug]/ogp.png.ts         | 28 ++++----
 47 files changed, 277 insertions(+), 240 deletions(-)
 create mode 100644 src/assets/avatar.svg
 create mode 100644 src/assets/hashtag.svg
 delete mode 100644 src/assets/icons/blog/default_user.svg
 delete mode 100644 src/assets/icons/blog/hashtag.svg
 create mode 100644 src/components/blog/icon/getAuthorIcon.ts
 create mode 100644 src/components/blog/icon/getTagIcon.ts
 rename src/{assets/icons/blog => content/tags}/arduino.svg (100%)
 rename src/{assets/icons/blog/astro-icon-dark.svg => content/tags/astro.svg} (100%)
 rename src/{assets/icons/blog => content/tags}/csharp.svg (100%)
 rename src/{assets/icons/blog/discord-mark-black.svg => content/tags/discord-bot.svg} (100%)
 rename src/{assets/icons/blog => content/tags}/docker.svg (100%)
 rename src/{assets/icons/blog/dotnet-logo.svg => content/tags/dotnet.svg} (100%)
 rename src/{assets/icons/blog/laptop.svg => content/tags/electronic-dictionary.svg} (100%)
 rename src/{assets/icons/blog => content/tags}/git.svg (100%)
 rename src/{assets/icons/blog/Go-Logo_Aqua.svg => content/tags/go.svg} (100%)
 rename src/{assets/icons/blog/Markdown-mark.svg => content/tags/markdown.svg} (100%)
 rename src/{assets/icons/blog/python-logo-only.svg => content/tags/python.svg} (100%)
 rename src/{assets/icons/blog/rest-api-icon.svg => content/tags/rest-api.svg} (100%)
 rename src/{assets/icons/blog/rust-logo-blk.svg => content/tags/rust.svg} (100%)
 rename src/{assets/icons/blog/U_ProfileIcon_Positive.svg => content/tags/unity.svg} (100%)

diff --git a/src/assets/avatar.svg b/src/assets/avatar.svg
new file mode 100644
index 0000000..6bbe8a0
--- /dev/null
+++ b/src/assets/avatar.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64">
+  <rect width="64" height="64" fill="gray" />
+  <circle cx="32" cy="64" r="24" fill="silver" />
+  <circle cx="32" cy="28" r="18" fill="silver" />
+</svg>
diff --git a/src/assets/hashtag.svg b/src/assets/hashtag.svg
new file mode 100644
index 0000000..6d024d5
--- /dev/null
+++ b/src/assets/hashtag.svg
@@ -0,0 +1,4 @@
+<!-- Source: https://icooon-mono.com/14743-sharp-icon-1/ -->
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512">
+	<path fill="#4b4b4b" d="M418.562 173.34c5.999-1.291 10.281-6.582 10.281-12.724V103.86c0-3.927-1.775-7.649-4.834-10.124-3.058-2.466-7.07-3.425-10.912-2.6l-51.621 11.093V30.884c0-3.856-1.713-7.515-4.672-9.99-2.964-2.475-6.869-3.507-10.662-2.816l-38.686 7.013c-6.192 1.121-10.694 6.51-10.694 12.805v78.242l-80.658 17.333V64.117c0-3.856-1.713-7.514-4.672-9.99-2.958-2.475-6.864-3.506-10.662-2.816l-38.69 7.004c-6.192 1.12-10.693 6.511-10.693 12.806v76.25l-57.948 12.456c-5.999 1.282-10.281 6.59-10.281 12.724v56.756c0 3.927 1.776 7.649 4.834 10.124 3.062 2.466 7.07 3.426 10.917 2.601l52.478-11.281v108.39l-57.948 12.456c-5.999 1.282-10.281 6.582-10.281 12.715v56.737c0 3.928 1.776 7.649 4.834 10.125 3.062 2.466 7.07 3.425 10.917 2.6l52.478-11.281v76.492c0 3.856 1.712 7.515 4.672 9.99 2.959 2.476 6.864 3.507 10.662 2.816l38.686-6.995c6.192-1.12 10.698-6.51 10.698-12.805v-83.397l80.658-17.334v74.502c0 3.865 1.712 7.524 4.672 9.99 2.96 2.475 6.865 3.506 10.662 2.815l38.686-7.004c6.192-1.121 10.694-6.51 10.694-12.805V377.35l57.087-12.267c5.999-1.291 10.281-6.582 10.281-12.724V295.63c0-3.927-1.775-7.649-4.834-10.124-3.058-2.466-7.07-3.426-10.912-2.6l-51.621 11.093v-108.39l57.084-12.269zM296.761 307.906l-80.658 17.326V216.85l80.658-17.334v108.39zM364.421.036c.022 0 .04 0 .062-.009L364.65 0l-.229.036z"/>
+</svg>
diff --git a/src/assets/icons/blog/default_user.svg b/src/assets/icons/blog/default_user.svg
deleted file mode 100644
index f0a80fa..0000000
--- a/src/assets/icons/blog/default_user.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-    <rect width="64" height="64" fill="gray" />
-    <circle cx="32" cy="64" r="24" fill="silver" />
-    <circle cx="32" cy="28" r="18" fill="silver" />
-</svg>
\ No newline at end of file
diff --git a/src/assets/icons/blog/hashtag.svg b/src/assets/icons/blog/hashtag.svg
deleted file mode 100644
index 3098008..0000000
--- a/src/assets/icons/blog/hashtag.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-<!-- Source: https://icooon-mono.com/14743-sharp-icon-1/ -->
-<svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
-    y="0px" viewBox="0 0 512 512" xml:space="preserve">
-    <path class="st0" d="M418.562,173.34c5.999-1.291,10.281-6.582,10.281-12.724V103.86c0-3.927-1.775-7.649-4.834-10.124
-		c-3.058-2.466-7.07-3.425-10.912-2.6l-51.621,11.093V30.884c0-3.856-1.713-7.515-4.672-9.99c-2.964-2.475-6.869-3.507-10.662-2.816
-		l-38.686,7.013c-6.192,1.121-10.694,6.51-10.694,12.805v78.242l-80.658,17.333V64.117c0-3.856-1.713-7.514-4.672-9.99
-		c-2.958-2.475-6.864-3.506-10.662-2.816l-38.69,7.004c-6.192,1.12-10.693,6.511-10.693,12.806v76.25l-57.948,12.456
-		c-5.999,1.282-10.281,6.59-10.281,12.724v56.756c0,3.927,1.776,7.649,4.834,10.124c3.062,2.466,7.07,3.426,10.917,2.601
-		l52.478-11.281v108.39l-57.948,12.456c-5.999,1.282-10.281,6.582-10.281,12.715v56.737c0,3.928,1.776,7.649,4.834,10.125
-		c3.062,2.466,7.07,3.425,10.917,2.6l52.478-11.281v76.492c0,3.856,1.712,7.515,4.672,9.99c2.959,2.476,6.864,3.507,10.662,2.816
-		l38.686-6.995c6.192-1.12,10.698-6.51,10.698-12.805v-83.397l80.658-17.334v74.502c0,3.865,1.712,7.524,4.672,9.99
-		c2.96,2.475,6.865,3.506,10.662,2.815l38.686-7.004c6.192-1.121,10.694-6.51,10.694-12.805V377.35l57.087-12.267
-		c5.999-1.291,10.281-6.582,10.281-12.724v-56.729c0-3.927-1.775-7.649-4.834-10.124c-3.058-2.466-7.07-3.426-10.912-2.6
-		l-51.621,11.093v-108.39L418.562,173.34z M296.761,307.906l-80.658,17.326V216.85l80.658-17.334V307.906z"
-        style="fill: rgb(75, 75, 75);"></path>
-    <path class="st0" d="M364.421,0.036c0.022,0,0.04,0,0.062-0.009L364.65,0L364.421,0.036z"
-        style="fill: rgb(75, 75, 75);"></path>
-</svg>
\ No newline at end of file
diff --git a/src/components/blog/BlogContent.astro b/src/components/blog/BlogContent.astro
index 4fbbb81..f97f9cd 100644
--- a/src/components/blog/BlogContent.astro
+++ b/src/components/blog/BlogContent.astro
@@ -24,7 +24,7 @@ const { Content } = await blog.render()
       <a
         class="hover:underline flex gap-2 items-center"
         href={`/blog/authors/${author.id}`}
-        ><AuthorIcon {...author.data} size={28} />{author.data.name}</a
+        ><AuthorIcon author={author} size={28} />{author.data.name}</a
       >
     </div>
     <TagSmallList tags={tags} />
diff --git a/src/components/blog/BlogListItem.astro b/src/components/blog/BlogListItem.astro
index be01d86..4f9d696 100644
--- a/src/components/blog/BlogListItem.astro
+++ b/src/components/blog/BlogListItem.astro
@@ -24,7 +24,7 @@ const tags = await getEntries(blog.tags)
   <div class="px-2 flex gap-3 text-gray-600">
     <div class="hover:underline">
       <a href={`/blog/authors/${author.id}`} class="flex gap-2 items-center"
-        ><AuthorIcon {...author.data} size={22} />{author.data.name}</a
+        ><AuthorIcon author={author} size={22} />{author.data.name}</a
       >
     </div>
     <time datetime={(blog.updateDate ?? blog.postDate).toISOString()}>
diff --git a/src/components/blog/icon/AuthorIcon.astro b/src/components/blog/icon/AuthorIcon.astro
index 2e93e91..43a233e 100644
--- a/src/components/blog/icon/AuthorIcon.astro
+++ b/src/components/blog/icon/AuthorIcon.astro
@@ -1,40 +1,39 @@
 ---
-import Icon from '@/components/common/Icon.astro'
-import { unreachable } from '@/utils/unreachable'
+import type { ImageMetadata } from 'astro'
 import type { CollectionEntry } from 'astro:content'
-type Props = CollectionEntry<'authors'>['data'] & { size: number }
+import defaultImage from '@/assets/avatar.svg'
+import Image from '@/components/common/Image.astro'
+import { unreachable } from '@/utils/unreachable'
+import { getAuthorIcon } from './getAuthorIcon'
+
+interface Props {
+  author: CollectionEntry<'authors'>
+  size: number
+}
 
-const { size, ...author } = Astro.props
+const { author, size } = Astro.props
 
-const image =
-  author.image.type === 'svg' &&
-  author.image.name === 'default_user' &&
-  author.github
-    ? ({
-        type: 'external-url',
-        url: `https://github.com/${author.github}.png`,
-      } as const)
-    : author.image
+const getSrc = async (): Promise<string | ImageMetadata> => {
+  const icon = await getAuthorIcon(author)
+  switch (icon.type) {
+    case 'local-svg':
+      return icon.imageMetadata
+    case 'local-png':
+      return icon.imageMetadata
+    case 'external-url':
+      return icon.url
+    case 'default':
+      return defaultImage
+    default:
+      return unreachable(icon)
+  }
+}
 ---
 
-{
-  image.type === 'svg' ? (
-    <Icon
-      name={image.name}
-      alt={`${image.name} のアイコン`}
-      class="aspect-square rounded-full"
-      height={size}
-      width={size}
-      isBlog
-    />
-  ) : image.type === 'external-url' ? (
-    <img
-      src={image.url}
-      height={size}
-      width={size}
-      class="aspect-square rounded-full"
-    />
-  ) : (
-    unreachable(image)
-  )
-}
+<Image
+  src={await getSrc()}
+  alt={`${author.data.name} のアイコン`}
+  class="aspect-square rounded-full"
+  width={size}
+  height={size}
+/>
diff --git a/src/components/blog/icon/TagIcon.astro b/src/components/blog/icon/TagIcon.astro
index 61b560f..81517c7 100644
--- a/src/components/blog/icon/TagIcon.astro
+++ b/src/components/blog/icon/TagIcon.astro
@@ -1,28 +1,39 @@
 ---
-import Icon from '@/components/common/Icon.astro'
-import { unreachable } from '@/utils/unreachable'
+import type { ImageMetadata } from 'astro'
 import type { CollectionEntry } from 'astro:content'
+import defaultImage from '@/assets/hashtag.svg'
+import Image from '@/components/common/Image.astro'
+import { unreachable } from '@/utils/unreachable'
+import { getTagIcon } from './getTagIcon'
+
 interface Props {
-  tagImage: CollectionEntry<'tags'>['data']['image']
+  tag: CollectionEntry<'tags'>
   size: number
 }
 
-const { tagImage, size } = Astro.props
----
+const { tag, size } = Astro.props
 
-{
-  tagImage.type === 'svg' ? (
-    <Icon
-      name={tagImage.name}
-      alt={`${tagImage.name} のアイコン`}
-      class="aspect-square"
-      width={size}
-      height={size}
-      isBlog
-    />
-  ) : tagImage.type === 'external-url' ? (
-    <img src={tagImage.url} height={size} width={size} class="aspect-square" />
-  ) : (
-    unreachable(tagImage)
-  )
+const getSrc = async (): Promise<string | ImageMetadata> => {
+  const icon = await getTagIcon(tag)
+  switch (icon.type) {
+    case 'local-svg':
+      return icon.imageMetadata
+    case 'local-png':
+      return icon.imageMetadata
+    case 'external-url':
+      return icon.url
+    case 'default':
+      return defaultImage
+    default:
+      return unreachable(icon)
+  }
 }
+---
+
+<Image
+  src={await getSrc()}
+  alt={`${tag.data.name} のアイコン`}
+  class="aspect-square"
+  width={size}
+  height={size}
+/>
diff --git a/src/components/blog/icon/getAuthorIcon.ts b/src/components/blog/icon/getAuthorIcon.ts
new file mode 100644
index 0000000..4238a02
--- /dev/null
+++ b/src/components/blog/icon/getAuthorIcon.ts
@@ -0,0 +1,55 @@
+import type { ImageMetadata } from 'astro'
+import type { CollectionEntry } from 'astro:content'
+
+export type AuthorIcon =
+  | {
+      type: 'local-svg'
+      imageMetadata: ImageMetadata
+      svg: string
+    }
+  | {
+      type: 'local-png'
+      imageMetadata: ImageMetadata
+      url: string
+    }
+  | {
+      type: 'external-url'
+      url: string
+    }
+  | {
+      type: 'default'
+    }
+
+export const getAuthorIcon = async (
+  author: CollectionEntry<'authors'>,
+): Promise<AuthorIcon> => {
+  try {
+    return {
+      type: 'local-svg',
+      imageMetadata: (await import(`../../../content/authors/${author.id}.svg`))
+        .default,
+      svg: (await import(`../../../content/authors/${author.id}.svg?raw`))
+        .default,
+    }
+  } catch {
+    try {
+      return {
+        type: 'local-png',
+        imageMetadata: (
+          await import(`../../../content/authors/${author.id}.png`)
+        ).default,
+        url: (await import(`../../../content/authors/${author.id}.png?url`))
+          .default,
+      }
+    } catch {
+      if (author.data.github !== undefined) {
+        return {
+          type: 'external-url',
+          url: `https://github.com/${author.data.github}.png`,
+        }
+      } else {
+        return { type: 'default' }
+      }
+    }
+  }
+}
diff --git a/src/components/blog/icon/getTagIcon.ts b/src/components/blog/icon/getTagIcon.ts
new file mode 100644
index 0000000..4488a62
--- /dev/null
+++ b/src/components/blog/icon/getTagIcon.ts
@@ -0,0 +1,45 @@
+import type { ImageMetadata } from 'astro'
+import type { CollectionEntry } from 'astro:content'
+
+export type TagIcon =
+  | {
+      type: 'local-svg'
+      imageMetadata: ImageMetadata
+      svg: string
+    }
+  | {
+      type: 'local-png'
+      imageMetadata: ImageMetadata
+      url: string
+    }
+  | {
+      type: 'external-url'
+      url: string
+    }
+  | {
+      type: 'default'
+    }
+
+export const getTagIcon = async (
+  tag: CollectionEntry<'tags'>,
+): Promise<TagIcon> => {
+  try {
+    return {
+      type: 'local-svg',
+      imageMetadata: (await import(`../../../content/tags/${tag.id}.svg`))
+        .default,
+      svg: (await import(`../../../content/tags/${tag.id}.svg?raw`)).default,
+    }
+  } catch {
+    try {
+      return {
+        type: 'local-png',
+        imageMetadata: (await import(`../../../content/tags/${tag.id}.png`))
+          .default,
+        url: (await import(`../../../content/tags/${tag.id}.png?url`)).default,
+      }
+    } catch {
+      return { type: 'default' }
+    }
+  }
+}
diff --git a/src/components/blog/tag/TagList.astro b/src/components/blog/tag/TagList.astro
index 4ad5e46..43b3f43 100644
--- a/src/components/blog/tag/TagList.astro
+++ b/src/components/blog/tag/TagList.astro
@@ -12,11 +12,7 @@ const { tags } = Astro.props
 <ul class="flex sm:flex-row flex-col flex-wrap gap-3">
   {
     tags.map((tag) => (
-      <TagListItemCard
-        {...tag.data}
-        id={tag.id}
-        articleCount={tag.articleCount}
-      />
+      <TagListItemCard tag={tag} articleCount={tag.articleCount} />
     ))
   }
 </ul>
diff --git a/src/components/blog/tag/TagListItemCard.astro b/src/components/blog/tag/TagListItemCard.astro
index daa0daa..fda9ba8 100644
--- a/src/components/blog/tag/TagListItemCard.astro
+++ b/src/components/blog/tag/TagListItemCard.astro
@@ -1,22 +1,23 @@
 ---
 import type { CollectionEntry } from 'astro:content'
 import TagIcon from '../icon/TagIcon.astro'
-type Props = CollectionEntry<'tags'>['data'] & {
-  id: CollectionEntry<'tags'>['id']
+
+interface Props {
+  tag: CollectionEntry<'tags'>
   articleCount: number
 }
 
-const { id, articleCount, ...tag } = Astro.props
+const { tag, articleCount } = Astro.props
 ---
 
 <li
   class="block sm:basis-[calc((100%-0.75rem)/2)] bg-white rounded-xl border space-y-1 group"
 >
-  <a class="w-full h-full p-4 flex items-center" href={`/blog/tags/${id}`}>
-    <TagIcon tagImage={tag.image} size={40} />
+  <a class="w-full h-full p-4 flex items-center" href={`/blog/tags/${tag.id}`}>
+    <TagIcon tag={tag} size={40} />
     <div class="px-2">
       <h2 class="text-xl font-bold line-clamp-1 group-hover:underline">
-        {tag.name}
+        {tag.data.name}
       </h2>
       <p class="text-sm text-gray-600">記事数 : {articleCount}</p>
     </div>
diff --git a/src/components/blog/tag/TagSmallList.astro b/src/components/blog/tag/TagSmallList.astro
index 7155fef..aaeede6 100644
--- a/src/components/blog/tag/TagSmallList.astro
+++ b/src/components/blog/tag/TagSmallList.astro
@@ -16,7 +16,7 @@ const { tags } = Astro.props
           href={`/blog/tags/${tag.id}`}
           class="flex items-center gap-1 bg-gray-100 hover:bg-gray-200 text-sm text-justify p-1 rounded-full"
         >
-          <TagIcon tagImage={tag.data.image} size={18} />
+          <TagIcon tag={tag} size={18} />
           <p>{tag.data.name}</p>
         </a>
       </li>
diff --git a/src/components/common/Image.astro b/src/components/common/Image.astro
index 7819f4f..3cab92d 100644
--- a/src/components/common/Image.astro
+++ b/src/components/common/Image.astro
@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'astro/types'
 import { getImage } from 'astro:assets'
 
 type Props = Omit<HTMLAttributes<'img'>, 'src' | 'srcset'> & {
-  src: ImageMetadata | Promise<{ default: ImageMetadata }>
+  src: string | ImageMetadata | Promise<{ default: ImageMetadata }>
   widths?: number[]
 }
 
diff --git a/src/content/config.ts b/src/content/config.ts
index 54236b9..025639d 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -36,18 +36,6 @@ const authorsCollection = defineCollection({
     name: z.string().min(1),
     description: z.string().optional(),
     github: z.string().min(1).optional(),
-    image: z
-      .discriminatedUnion('type', [
-        z.object({
-          type: z.literal('svg'),
-          name: z.string().min(1),
-        }),
-        z.object({
-          type: z.literal('external-url'),
-          url: z.string().url(),
-        }),
-      ])
-      .default({ type: 'svg', name: 'default_user' }),
   }),
 })
 
@@ -60,18 +48,6 @@ const tagsCollection = defineCollection({
   type: 'data',
   schema: z.object({
     name: z.string().min(1),
-    image: z
-      .discriminatedUnion('type', [
-        z.object({
-          type: z.literal('svg'),
-          name: z.string().min(1),
-        }),
-        z.object({
-          type: z.literal('external-url'),
-          url: z.string().url(),
-        }),
-      ])
-      .default({ type: 'svg', name: 'hashtag' }),
     description: z.string().optional(),
     site: tagsAboutSchema.optional(),
     document: tagsAboutSchema.optional(),
diff --git a/src/content/tags/arduino.json b/src/content/tags/arduino.json
index 69da9fc..d77b87e 100644
--- a/src/content/tags/arduino.json
+++ b/src/content/tags/arduino.json
@@ -1,7 +1,3 @@
 {
-  "name": "Arduino",
-  "image": {
-    "type": "svg",
-    "name": "arduino"
-  }
+  "name": "Arduino"
 }
diff --git a/src/assets/icons/blog/arduino.svg b/src/content/tags/arduino.svg
similarity index 100%
rename from src/assets/icons/blog/arduino.svg
rename to src/content/tags/arduino.svg
diff --git a/src/content/tags/astro.json b/src/content/tags/astro.json
index 3c737c6..d987873 100644
--- a/src/content/tags/astro.json
+++ b/src/content/tags/astro.json
@@ -1,7 +1,3 @@
 {
-  "name": "Astro",
-  "image": {
-    "type": "svg",
-    "name": "astro-icon-dark"
-  }
+  "name": "Astro"
 }
diff --git a/src/assets/icons/blog/astro-icon-dark.svg b/src/content/tags/astro.svg
similarity index 100%
rename from src/assets/icons/blog/astro-icon-dark.svg
rename to src/content/tags/astro.svg
diff --git a/src/content/tags/csharp.json b/src/content/tags/csharp.json
index 99b72a5..0459e56 100644
--- a/src/content/tags/csharp.json
+++ b/src/content/tags/csharp.json
@@ -1,9 +1,5 @@
 {
   "name": "C#",
-  "image": {
-    "type": "svg",
-    "name": "csharp"
-  },
   "description": "C#は、最新のタイプ セーフなオブジェクト指向のプログラミング言語です。 開発者は C# を使用することにより、.NET で稼働する、安全かつ堅牢な多くの種類のアプリケーションを構築できます。",
   "site": {
     "url": "https://dotnet.microsoft.com/ja-jp/learn/dotnet/what-is-dotnet"
diff --git a/src/assets/icons/blog/csharp.svg b/src/content/tags/csharp.svg
similarity index 100%
rename from src/assets/icons/blog/csharp.svg
rename to src/content/tags/csharp.svg
diff --git a/src/content/tags/discord-bot.json b/src/content/tags/discord-bot.json
index e8a760c..d0e6cfa 100644
--- a/src/content/tags/discord-bot.json
+++ b/src/content/tags/discord-bot.json
@@ -1,7 +1,3 @@
 {
-  "name": "Discord Bot",
-  "image": {
-    "type": "svg",
-    "name": "discord-mark-black"
-  }
+  "name": "Discord Bot"
 }
diff --git a/src/assets/icons/blog/discord-mark-black.svg b/src/content/tags/discord-bot.svg
similarity index 100%
rename from src/assets/icons/blog/discord-mark-black.svg
rename to src/content/tags/discord-bot.svg
diff --git a/src/content/tags/docker.json b/src/content/tags/docker.json
index e9ec35e..77d136e 100644
--- a/src/content/tags/docker.json
+++ b/src/content/tags/docker.json
@@ -1,7 +1,3 @@
 {
-  "name": "Docker",
-  "image": {
-    "type": "svg",
-    "name": "docker"
-  }
+  "name": "Docker"
 }
diff --git a/src/assets/icons/blog/docker.svg b/src/content/tags/docker.svg
similarity index 100%
rename from src/assets/icons/blog/docker.svg
rename to src/content/tags/docker.svg
diff --git a/src/content/tags/dotnet.json b/src/content/tags/dotnet.json
index b0b2cf2..d1bb05e 100644
--- a/src/content/tags/dotnet.json
+++ b/src/content/tags/dotnet.json
@@ -1,7 +1,3 @@
 {
-  "name": ".NET",
-  "image": {
-    "type": "svg",
-    "name": "dotnet-logo"
-  }
+  "name": ".NET"
 }
diff --git a/src/assets/icons/blog/dotnet-logo.svg b/src/content/tags/dotnet.svg
similarity index 100%
rename from src/assets/icons/blog/dotnet-logo.svg
rename to src/content/tags/dotnet.svg
diff --git a/src/content/tags/electronic-dictionary.json b/src/content/tags/electronic-dictionary.json
index 1ff8327..0637e6f 100644
--- a/src/content/tags/electronic-dictionary.json
+++ b/src/content/tags/electronic-dictionary.json
@@ -1,7 +1,3 @@
 {
-  "name": "電子辞書",
-  "image": {
-    "type": "svg",
-    "name": "laptop"
-  }
+  "name": "電子辞書"
 }
diff --git a/src/assets/icons/blog/laptop.svg b/src/content/tags/electronic-dictionary.svg
similarity index 100%
rename from src/assets/icons/blog/laptop.svg
rename to src/content/tags/electronic-dictionary.svg
diff --git a/src/content/tags/git.json b/src/content/tags/git.json
index 79210da..f7792b4 100644
--- a/src/content/tags/git.json
+++ b/src/content/tags/git.json
@@ -1,7 +1,3 @@
 {
-  "name": "Git",
-  "image": {
-    "type": "svg",
-    "name": "git"
-  }
+  "name": "Git"
 }
diff --git a/src/assets/icons/blog/git.svg b/src/content/tags/git.svg
similarity index 100%
rename from src/assets/icons/blog/git.svg
rename to src/content/tags/git.svg
diff --git a/src/content/tags/go.json b/src/content/tags/go.json
index a1d6826..f350bfd 100644
--- a/src/content/tags/go.json
+++ b/src/content/tags/go.json
@@ -1,9 +1,5 @@
 {
   "name": "Go",
-  "image": {
-    "type": "svg",
-    "name": "Go-Logo_Aqua"
-  },
   "site": {
     "url": "https://go.dev/"
   },
diff --git a/src/assets/icons/blog/Go-Logo_Aqua.svg b/src/content/tags/go.svg
similarity index 100%
rename from src/assets/icons/blog/Go-Logo_Aqua.svg
rename to src/content/tags/go.svg
diff --git a/src/content/tags/markdown.json b/src/content/tags/markdown.json
index e769213..5aa81ba 100644
--- a/src/content/tags/markdown.json
+++ b/src/content/tags/markdown.json
@@ -1,7 +1,3 @@
 {
-  "name": "Markdown",
-  "image": {
-    "type": "svg",
-    "name": "Markdown-mark"
-  }
+  "name": "Markdown"
 }
diff --git a/src/assets/icons/blog/Markdown-mark.svg b/src/content/tags/markdown.svg
similarity index 100%
rename from src/assets/icons/blog/Markdown-mark.svg
rename to src/content/tags/markdown.svg
diff --git a/src/content/tags/python.json b/src/content/tags/python.json
index 3ebe57c..4ed6874 100644
--- a/src/content/tags/python.json
+++ b/src/content/tags/python.json
@@ -1,10 +1,6 @@
 {
   "name": "Python",
   "description": "Python はインタープリタ型の高水準汎用プログラミング言語です。",
-  "image": {
-    "type": "svg",
-    "name": "python-logo-only"
-  },
   "site": {
     "url": "https://www.python.org/",
     "text": "Python | Official Site"
diff --git a/src/assets/icons/blog/python-logo-only.svg b/src/content/tags/python.svg
similarity index 100%
rename from src/assets/icons/blog/python-logo-only.svg
rename to src/content/tags/python.svg
diff --git a/src/content/tags/rest-api.json b/src/content/tags/rest-api.json
index efbd26c..aca16a4 100644
--- a/src/content/tags/rest-api.json
+++ b/src/content/tags/rest-api.json
@@ -1,7 +1,3 @@
 {
-  "name": "REST API",
-  "image": {
-    "type": "svg",
-    "name": "rest-api-icon"
-  }
+  "name": "REST API"
 }
diff --git a/src/assets/icons/blog/rest-api-icon.svg b/src/content/tags/rest-api.svg
similarity index 100%
rename from src/assets/icons/blog/rest-api-icon.svg
rename to src/content/tags/rest-api.svg
diff --git a/src/content/tags/rust.json b/src/content/tags/rust.json
index f28af36..8882ed8 100644
--- a/src/content/tags/rust.json
+++ b/src/content/tags/rust.json
@@ -1,7 +1,3 @@
 {
-  "name": "Rust",
-  "image": {
-    "type": "svg",
-    "name": "rust-logo-blk"
-  }
+  "name": "Rust"
 }
diff --git a/src/assets/icons/blog/rust-logo-blk.svg b/src/content/tags/rust.svg
similarity index 100%
rename from src/assets/icons/blog/rust-logo-blk.svg
rename to src/content/tags/rust.svg
diff --git a/src/content/tags/unity.json b/src/content/tags/unity.json
index f4b8928..8aeea9d 100644
--- a/src/content/tags/unity.json
+++ b/src/content/tags/unity.json
@@ -1,9 +1,5 @@
 {
   "name": "Unity",
-  "image": {
-    "type": "svg",
-    "name": "U_ProfileIcon_Positive"
-  },
   "site": {
     "url": "https://unity.com"
   }
diff --git a/src/assets/icons/blog/U_ProfileIcon_Positive.svg b/src/content/tags/unity.svg
similarity index 100%
rename from src/assets/icons/blog/U_ProfileIcon_Positive.svg
rename to src/content/tags/unity.svg
diff --git a/src/pages/blog/authors/[slug]/index.astro b/src/pages/blog/authors/[slug]/index.astro
index ef85058..31ced85 100644
--- a/src/pages/blog/authors/[slug]/index.astro
+++ b/src/pages/blog/authors/[slug]/index.astro
@@ -3,6 +3,7 @@ import BlogListSection from '@/components/blog/BlogListSection.astro'
 import BlogTitle from '@/components/blog/BlogTitle.astro'
 import AuthorAboutSection from '@/components/blog/author/AuthorAboutSection.astro'
 import AuthorIcon from '@/components/blog/icon/AuthorIcon.astro'
+import { getAuthorIcon } from '@/components/blog/icon/getAuthorIcon'
 import BlogLayout from '@/layouts/BlogLayout.astro'
 import { unreachable } from '@/utils/unreachable'
 import { getCollection } from 'astro:content'
@@ -16,16 +17,21 @@ export async function getStaticPaths() {
 
 const { author } = Astro.props
 const blogEntries = await getCollection('blogs')
-const ogpPath =
-  author.data.image.type === 'svg' &&
-  author.data.image.name === 'default_user' &&
-  author.data.github
-    ? `https://github.com/${author.data.github}.png`
-    : author.data.image.type === 'svg'
-      ? `/authors/${author.id}/ogp.png`
-      : author.data.image.type === 'external-url'
-        ? author.data.image.url
-        : unreachable(author.data.image)
+const getOgImagePath = async (): Promise<string> => {
+  const icon = await getAuthorIcon(author)
+  switch (icon.type) {
+    case 'local-svg':
+      return `/blog/authors/${author.id}/ogp.png`
+    case 'local-png':
+      return icon.url
+    case 'external-url':
+      return icon.url
+    case 'default':
+      return `/blog/authors/${author.id}/ogp.png`
+    default:
+      return unreachable(icon)
+  }
+}
 
 const isShowAboutSection = author.data.description || author.data.github
 ---
@@ -34,12 +40,12 @@ const isShowAboutSection = author.data.description || author.data.github
   title={author.data.name}
   description={author.data.description ??
     `${author.data.name}さんのプロフィール`}
-  image={ogpPath}
-  summarySize={ogpPath === undefined ? undefined : 'summary'}
+  image={await getOgImagePath()}
+  summarySize="summary"
 >
   <BlogTitle title={author.data.name} background="white">
     <Fragment slot="icon">
-      <AuthorIcon {...author.data} size={93} />
+      <AuthorIcon author={author} size={93} />
     </Fragment>
   </BlogTitle>
   {isShowAboutSection && <AuthorAboutSection author={author.data} />}
diff --git a/src/pages/blog/authors/[slug]/ogp.png.ts b/src/pages/blog/authors/[slug]/ogp.png.ts
index fc951bc..f2d9c01 100644
--- a/src/pages/blog/authors/[slug]/ogp.png.ts
+++ b/src/pages/blog/authors/[slug]/ogp.png.ts
@@ -1,35 +1,34 @@
 import type { APIContext } from 'astro'
 import { getCollection } from 'astro:content'
 import sharp from 'sharp'
+import defaultImageSvg from '@/assets/avatar.svg?raw'
+import { getAuthorIcon } from '@/components/blog/icon/getAuthorIcon'
+import { unreachable } from '@/utils/unreachable'
 
 export async function getStaticPaths() {
   const authors = await getCollection('authors')
 
-  return authors
-    .filter(
-      (author) =>
-        author.data.image.type !== 'svg' ||
-        author.data.image.name !== 'default_user' ||
-        !author.data.github,
-    )
-    .map((author) => ({
-      params: { slug: author.id },
-      props: { author },
-    }))
+  return authors.map((author) => ({
+    params: { slug: author.id },
+    props: { author },
+  }))
 }
 
 export async function GET({
   props: { author },
 }: APIContext<Awaited<ReturnType<typeof getStaticPaths>>[number]['props']>) {
-  if (author.data.image?.type !== 'svg')
+  const icon = await getAuthorIcon(author)
+  if (icon.type !== 'local-svg' && icon.type !== 'default') {
     return new Response(undefined, { status: 404 })
+  }
+
   const ogp = await sharp(
     Buffer.from(
-      (
-        await import(
-          `../../../../assets/icons/blog/${author.data.image.name}.svg?raw`
-        )
-      ).default,
+      icon.type === 'local-svg'
+        ? icon.svg
+        : icon.type === 'default'
+          ? defaultImageSvg
+          : unreachable(icon),
     ),
   )
     .png()
diff --git a/src/pages/blog/tags/[slug]/index.astro b/src/pages/blog/tags/[slug]/index.astro
index 9420589..bceffe3 100644
--- a/src/pages/blog/tags/[slug]/index.astro
+++ b/src/pages/blog/tags/[slug]/index.astro
@@ -2,6 +2,7 @@
 import BlogListSection from '@/components/blog/BlogListSection.astro'
 import BlogTitle from '@/components/blog/BlogTitle.astro'
 import TagIcon from '@/components/blog/icon/TagIcon.astro'
+import { getTagIcon } from '@/components/blog/icon/getTagIcon'
 import TagAboutSection from '@/components/blog/tag/TagAboutSection.astro'
 import BlogLayout from '@/layouts/BlogLayout.astro'
 import { unreachable } from '@/utils/unreachable'
@@ -14,32 +15,46 @@ export async function getStaticPaths() {
   }))
 }
 
-const {
-  tag: { id, data: tag },
-} = Astro.props
+const { tag } = Astro.props
 const blogEntries = await getCollection('blogs')
 
-const isShowAbout = tag.description || tag.site || tag.document || tag.github
+const getOgImagePath = async (): Promise<string> => {
+  const icon = await getTagIcon(tag)
+  switch (icon.type) {
+    case 'local-svg':
+      return `/blog/tags/${tag.id}/ogp.png`
+    case 'local-png':
+      return icon.url
+    case 'external-url':
+      return icon.url
+    case 'default':
+      return `/blog/tags/${tag.id}/ogp.png`
+    default:
+      return unreachable(icon)
+  }
+}
+
+const shouldDisplayAbout =
+  tag.data.description || tag.data.site || tag.data.document || tag.data.github
 ---
 
 <BlogLayout
-  title={`${tag.name}の記事一覧`}
-  description={tag.description ?? `${tag.name}に関する記事が集まっています`}
-  image={tag.image.type === 'svg'
-    ? `/blog/tags/${id}/ogp.png`
-    : tag.image.type === 'external-url'
-      ? tag.image.url
-      : unreachable(tag.image)}
+  title={`${tag.data.name}の記事一覧`}
+  description={tag.data.description ??
+    `${tag.data.name}に関する記事が集まっています`}
+  image={await getOgImagePath()}
   summarySize="summary"
 >
-  <BlogTitle title={tag.name} background="white">
-    <Fragment slot="icon"><TagIcon tagImage={tag.image} size={80} /></Fragment>
+  <BlogTitle title={tag.data.name} background="white">
+    <TagIcon slot="icon" tag={tag} size={80} />
   </BlogTitle>
   <main class="flex flex-col h-full">
-    {isShowAbout && <TagAboutSection tag={tag} />}
+    {shouldDisplayAbout && <TagAboutSection tag={tag.data} />}
     <BlogListSection
-      title={`${tag.name} に関する記事`}
-      blogs={blogEntries.filter((b) => b.data.tags.some((t) => t.id === id))}
+      title={`${tag.data.name} に関する記事`}
+      blogs={blogEntries.filter((b) =>
+        b.data.tags.some((t) => t.id === tag.id),
+      )}
     />
   </main>
 </BlogLayout>
diff --git a/src/pages/blog/tags/[slug]/ogp.png.ts b/src/pages/blog/tags/[slug]/ogp.png.ts
index 9dce848..85741b2 100644
--- a/src/pages/blog/tags/[slug]/ogp.png.ts
+++ b/src/pages/blog/tags/[slug]/ogp.png.ts
@@ -1,30 +1,34 @@
 import type { APIContext } from 'astro'
 import { getCollection } from 'astro:content'
 import sharp from 'sharp'
+import defaultImageSvg from '@/assets/hashtag.svg?raw'
+import { getTagIcon } from '@/components/blog/icon/getTagIcon'
+import { unreachable } from '@/utils/unreachable'
 
 export async function getStaticPaths() {
   const tags = await getCollection('tags')
 
-  return tags
-    .filter((tag) => tag.data.image.type === 'svg')
-    .map((tag) => ({
-      params: { slug: tag.id },
-      props: { tag },
-    }))
+  return tags.map((tag) => ({
+    params: { slug: tag.id },
+    props: { tag },
+  }))
 }
 
 export async function GET({
   props: { tag },
 }: APIContext<Awaited<ReturnType<typeof getStaticPaths>>[number]['props']>) {
-  if (tag.data.image.type !== 'svg')
+  const icon = await getTagIcon(tag)
+  if (icon.type !== 'local-svg' && icon.type !== 'default') {
     return new Response(undefined, { status: 404 })
+  }
+
   const ogp = await sharp(
     Buffer.from(
-      (
-        await import(
-          `../../../../assets/icons/blog/${tag.data.image.name}.svg?raw`
-        )
-      ).default,
+      icon.type === 'local-svg'
+        ? icon.svg
+        : icon.type === 'default'
+          ? defaultImageSvg
+          : unreachable(icon),
     ),
   )
     .png()

From 8891676098aea8dc8586db9c80c479f500ec72b9 Mon Sep 17 00:00:00 2001
From: Ciffelia <mc.prince.0203@gmail.com>
Date: Wed, 6 Dec 2023 00:50:02 +0900
Subject: [PATCH 2/2] Updare README_BLOG.md

---
 README_BLOG.md | 98 +++++++++++++++++++++++---------------------------
 1 file changed, 45 insertions(+), 53 deletions(-)

diff --git a/README_BLOG.md b/README_BLOG.md
index bdecb7e..49c4f46 100644
--- a/README_BLOG.md
+++ b/README_BLOG.md
@@ -2,7 +2,7 @@
 
 OUCC BLOG の仕様について記載しています。何もわからない場合はサーバー係に投稿したい Markdown ファイルを渡してください。
 
-ブログの投稿を行う際はブランチ名が `blog/` で始まるブランチを作成し作業してください。このブランチではブログの投稿に関する作業以外は禁止されていますが、後述するようにCIによる支援が得られます。
+ブログの投稿を行う際はブランチ名が `blog/` で始まるブランチを作成し作業してください。このブランチではブログの投稿に関する作業以外は禁止されていますが、後述するように投稿日時や更新日時が自動で生成されます。
 
 ブログに関して作業することを明示しつつこの制約を受けたくない場合は、ブランチ名が `blog/admin/` で始まるブランチで作業してください。
 
@@ -20,6 +20,8 @@ tags:
   - タグ2
   - タグ3
 ---
+
+これは記事本文です。Markdownで文章を書くことができます。
 ```
 
 画像ファイルは `src/content/blogs` に新しいディレクトリを作成してそこに配置するか、または外部においてURLで指定してください。
@@ -28,7 +30,7 @@ tags:
 
 ## 記事のメタ情報
 
-記事のメタ情報には投稿日時と更新日時が含まれています。これは `blog/` から始まるブランチで Pull Request を出すと自動的に更新されます。
+`src/content/blog-metas`にある記事のメタ情報には投稿日時と更新日時が含まれています。これは `blog/` から始まるブランチで Pull Request を出すと自動的に作成・更新されます。
 
 以下のようにコマンドを使うことで手動で更新することもできます。
 
@@ -36,45 +38,40 @@ tags:
 $ npm run update-blogmeta -- src/content/blogs/NEW-POST1.md src/content/blogs/NEW-POST2.md
 ```
 
-## 著者
+## 著者の追加
+
+`src/content/authors` に JSON ファイルを追加することで著者ページを作ることができます。ファイル名は記事の `author` で指定する際の値となるので自身のIDなどわかりやすい名前にしてください。
 
-`src/content/authors` に JSON ファイルを追加することで新しいタグを作ることができます。ファイル名は記事の `author` で指定する際の値となるのでわかりやすい名前にすることをおすすめします。
 著者のスキーマは以下のとおりです。`name` 以外のプロパティは省略可能です。
 
-- name : 著者の表示名
+- name : 著者の表示名（必須）
 - description : 著者の説明
-- github : GitHub アカウントの ID (image を指定しなかった場合、こちらで指定したアカウントのアイコンが使用されます。)
-- image : 著者のアイコン
-  - `svg` は `src/assets/icons/blog` に入っているsvgファイルを指定できます。`name` には拡張子を除いたファイル名を指定してください。
-  - `external-url` は外部の画像を指定できます。
-
-```ts
-interface Author {
-  name: string
-  description?: string
-  github?: string
-  image?:
-    | {
-        type: 'svg'
-        name: string
-      }
-    | {
-        type: 'external-url'
-        url: string
-      }
+- github : GitHub アカウントの ID
+
+Example: `src/content/authors/octocat.json`
+
+```json
+{
+  "name": "Octocat",
+  "description": "GitHubの猫です。",
+  "github": "octocat"
 }
 ```
 
-## タグ
+### 著者のアイコン（任意）
+
+`src/content/authors`にJSONと同じファイル名の画像ファイルを置くことでアイコンを変更できます。ファイル形式はSVGまたはPNGです。例えばJSONが`octocat.json`の場合、アイコンは`octocat.svg`または`octocat.png`としてください。
+
+なお、画像ファイルが存在しない場合はGitHubのアイコンが使用されます。
+
+## タグの追加
 
 `src/content/tags` に JSON ファイルを追加することで新しいタグを作ることができます。ファイル名は記事の `tags` で指定する際の値となるのでわかりやすい名前にすることをおすすめします。
+
 タグのスキーマは以下のとおりです。 `name` 以外のプロパティは省略可能です。
 
-- name : タグの表示名
+- name : タグの表示名（必須）
 - description : タグの説明
-- image : タグのアイコン
-  - `svg` は `src/assets/icons/blog` に入っているsvgファイルを指定できます。`name` には拡張子を除いたファイル名を指定してください。
-  - `external-url` は外部の画像を指定できます。
 - site : 公式サイト
   - url : 公式サイトのURL
   - text : リンクの表示名 (指定のない場合 `タグ名 - 公式サイト` となります)
@@ -85,30 +82,25 @@ interface Author {
   - url : GitHubのリポジトリのURL
   - text : リンクの表示名 (指定のない場合 `タグ名 - GitHub` となります)
 
-```ts
-interface Tag {
-  name: string
-  description?: string
-  image?:
-    | {
-        type: 'svg'
-        name: string
-      }
-    | {
-        type: 'external-url'
-        url: string
-      }
-  site?: {
-    url: string
-    text?: string
-  }
-  document?: {
-    url: string
-    text?: string
-  }
-  github?: {
-    url: string
-    text?: string
+Example: `src/content/tags/csharp.json`
+
+```json
+{
+  "name": "C#",
+  "description": "C#は、最新のタイプ セーフなオブジェクト指向のプログラミング言語です。 開発者は C# を使用することにより、.NET で稼働する、安全かつ堅牢な多くの種類のアプリケーションを構築できます。",
+  "site": {
+    "url": "https://dotnet.microsoft.com/ja-jp/learn/dotnet/what-is-dotnet"
+  },
+  "document": {
+    "url": "https://learn.microsoft.com/ja-jp/dotnet/csharp/programming-guide/"
+  },
+  "github": {
+    "url": "https://github.com/dotnet/runtime",
+    "text": ".NET Runtime - GitHub"
   }
 }
 ```
+
+### タグのアイコン（任意）
+
+`src/content/tags`にJSONと同じファイル名の画像ファイルを置くことでアイコンを変更できます。ファイル形式はSVGまたはPNGです。例えばJSONが`csharp.json`の場合、アイコンは`csharp.svg`または`csharp.png`としてください。