[feat] 프로필 사진 교체

.changeset/swift-dolphins-pull.md

@@ -0,0 +1,5 @@
+---
+"gatsby-blog": minor
+---
+
+프로필 사진 교체

.github/workflows/release.yml

@@ -12,9 +12,22 @@ jobs:
     name: Create Release Pull Request or Publish to npm
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout repository
+      - name: Checkout code
         uses: actions/checkout@v3
 
+      - name: Setup Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: "18.x"
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 9
+
+      - name: Install dependencies
+        run: pnpm install
+
       - name: Create Release Pull Request or Publish
         uses: changesets/action@v1
         with:
@@ -23,19 +36,3 @@ jobs:
           version: pnpm changeset version
         env:
           GITHUB_TOKEN: ${{ secrets.ACCESS_TOKEN }}
-  release-tag:
-    name: Release pushed tag
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
-
-      - name: Create GitHub Release
-        env:
-          VERSION: ${{ github.ref_name }}
-          GH_TOKEN: ${{ github.token }}
-        run: |
-          gh release create "$VERSION" \
-          --repo="$GITHUB_REPOSITORY" \
-          --title="${VERSION#v}" \
-          --generate-notes

global.d.ts

@@ -0,0 +1,4 @@
+declare module "*.css" {
+  const content: { [className: string]: string }
+  export default content
+}

src/components/@layout/bio/index.tsx

@@ -7,8 +7,8 @@
 
 import * as React from "react"
 import { useStaticQuery, graphql } from "gatsby"
-import { StaticImage } from "gatsby-plugin-image"
-import { profile } from "./bio.module.css"
+import styles from "./bio.module.css"
+import profileImage from "./profile.gif"
 
 const Bio = () => {
   const data = useStaticQuery(graphql`
@@ -27,18 +27,9 @@ const Bio = () => {
   const author = data.site.siteMetadata?.author
 
   return (
-    <div className={profile}>
+    <div className={styles.profile}>
       <header>
-        <StaticImage
-          layout="fixed"
-          formats={["auto", "webp", "avif"]}
-          placeholder="blurred"
-          src="../../../../static/images/icon.png"
-          width={64}
-          height={64}
-          quality={95}
-          alt="logo"
-        />
+        <img src={profileImage} width={64} height={64} alt="profile image" />
 
         <div>
           <span>@{author?.name}</span>

tsconfig.json

@@ -19,6 +19,7 @@
     "strict": true /* Enable all strict type-checking options. */,
     "skipLibCheck": true /* Skip type checking all .d.ts files. */
   },
+  "files": ["./global.d.ts"],
   "include": [
     "./src/**/*",
     "./gatsby-node.ts",