🍱 로고 변경

Author: vcz-Chan

public/logo.jpeg

@@ -17,23 +17,23 @@ export async function generateMetadata(
       openGraph: {
         title: `${nickname}의 블로그`,
         description: truncate(`${nickname}님의 게시글 모음`, 200),
-        images: [toAbsoluteUrl(profile.profileImageUrl || '/logo.jpeg')],
+        images: [toAbsoluteUrl(profile.profileImageUrl || '/logo.png')],
         type: 'profile',
       },
       twitter: {
         card: 'summary_large_image',
         title: `${nickname}의 블로그`,
         description: truncate(`${nickname}님의 게시글 모음`, 200),
-        images: [toAbsoluteUrl(profile.profileImageUrl || '/logo.jpeg')],
+        images: [toAbsoluteUrl(profile.profileImageUrl || '/logo.png')],
       },
       alternates: { canonical: `/blog/${userId}` },
     };
   } catch {
     return {
       title: '블로그',
       description: '사용자 블로그',
-      openGraph: { images: [toAbsoluteUrl('/logo.jpeg')] },
-      twitter: { card: 'summary_large_image', images: [toAbsoluteUrl('/logo.jpeg')] },
+      openGraph: { images: [toAbsoluteUrl('/logo.png')] },
+      twitter: { card: 'summary_large_image', images: [toAbsoluteUrl('/logo.png')] },
       alternates: { canonical: `/blog/${userId}` },
     };
   }

public/logo.png

@@ -1,5 +1,6 @@
 @import "tailwindcss";
 @import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css');
+@import url('https://fonts.googleapis.com/css2?family=Momo+Trust+Display&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 :root {
   --background: #ffffff;
@@ -11,6 +12,7 @@
   --color-foreground: var(--foreground);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
+  --font-logo: 'Momo Trust Display', 'Poppins';
 }
 
 @media (prefers-color-scheme: dark) {

src/app/blog/[userId]/page.tsx

@@ -19,17 +19,17 @@ export const metadata: Metadata = {
     description: '글이 대화가 되는 블로그',
     siteName: 'Bubblog',
     type: 'website',
-    images: ['/logo.jpeg'],
+    images: ['/logo.png'],
     locale: 'ko_KR',
   },
   twitter: {
     card: 'summary_large_image',
     title: 'Bubblog',
     description: '글이 대화가 되는 블로그',
-    images: ['/logo.jpeg'],
+    images: ['/logo.png'],
   },
   icons: {
-    icon: '/favicon.ico',
+    icon: '/.faviconico',
   },
 };
 

src/app/favicon.ico

@@ -10,7 +10,7 @@ export async function generateMetadata(): Promise<Metadata> {
     const titles = page.content.slice(0, 3).map(p => truncate(p.title, 50));
     const descRaw = titles.length > 0 ? `글이 대화가 되는 블로그 | 최신 글: ${titles.join(', ')}` : '글이 대화가 되는 블로그';
     const description = truncate(descRaw, 160);
-    const firstImage = toAbsoluteUrl(page.content.find(p => !!p.thumbnailUrl)?.thumbnailUrl || '/logo.jpeg');
+    const firstImage = toAbsoluteUrl(page.content.find(p => !!p.thumbnailUrl)?.thumbnailUrl || '/logo.png');
 
     return {
       title: 'Bubblog',
@@ -33,8 +33,8 @@ export async function generateMetadata(): Promise<Metadata> {
     return {
       title: 'Bubblog',
       description: '글이 대화가 되는 블로그',
-      openGraph: { title: 'Bubblog', description: '글이 대화가 되는 블로그', images: [toAbsoluteUrl('/logo.jpeg')], type: 'website' },
-      twitter: { card: 'summary_large_image', title: 'Bubblog', description: '글이 대화가 되는 블로그', images: [toAbsoluteUrl('/logo.jpeg')] },
+      openGraph: { title: 'Bubblog', description: '글이 대화가 되는 블로그', images: [toAbsoluteUrl('/logo.png')], type: 'website' },
+      twitter: { card: 'summary_large_image', title: 'Bubblog', description: '글이 대화가 되는 블로그', images: [toAbsoluteUrl('/logo.png')] },
       alternates: { canonical: '/' },
     };
   }

src/app/globals.css

@@ -9,7 +9,7 @@ export default async function PostStructuredData({ postId }: { postId: string })
       '@type': 'Article',
       headline: post.title,
       description: post.summary,
-      image: [toAbsoluteUrl(post.thumbnailUrl || '/logo.jpeg')],
+      image: [toAbsoluteUrl(post.thumbnailUrl || '/logo.png')],
       mainEntityOfPage: `${getSiteUrl()}/post/${post.id}`,
       author: {
         '@type': 'Person',

src/app/layout.tsx

@@ -18,23 +18,23 @@ export async function generateMetadata(
       openGraph: {
         title: truncate(post.title, 60),
         description: truncate(post.summary, 200),
-        images: [toAbsoluteUrl(post.thumbnailUrl || '/logo.jpeg')],
+        images: [toAbsoluteUrl(post.thumbnailUrl || '/logo.png')],
         type: 'article',
       },
       twitter: {
         card: 'summary_large_image',
         title: truncate(post.title, 60),
         description: truncate(post.summary, 200),
-        images: [toAbsoluteUrl(post.thumbnailUrl || '/logo.jpeg')],
+        images: [toAbsoluteUrl(post.thumbnailUrl || '/logo.png')],
       },
       alternates: { canonical: `/post/${postId}` },
     };
   } catch {
     return {
       title: '게시글',
       description: '게시글 상세',
-      openGraph: { images: [toAbsoluteUrl('/logo.jpeg')] },
-      twitter: { card: 'summary_large_image', images: [toAbsoluteUrl('/logo.jpeg')] },
+      openGraph: { images: [toAbsoluteUrl('/logo.png')] },
+      twitter: { card: 'summary_large_image', images: [toAbsoluteUrl('/logo.png')] },
       alternates: { canonical: `/post/${postId}` },
     };
   }

src/app/page.tsx

@@ -53,7 +53,7 @@ export default function NavBar() {
       <div className="md:px-16 p-3 flex justify-between items-center">
         {/* 로고 */}
         <Link href="/" className="hidden md:flex items-center mr-16">
-          <div className="text-2xl font-bold text-gray-800">Bubblog</div>
+          <div className="text-2xl font-bold text-gray-800 font-logo">Bubblog</div>
         </Link>
 
         {/* 검색창 */}