Support svg and png logo image types

src/components/Header.astro

@@ -2,7 +2,9 @@
 import { LOGO_IMAGE, SITE } from "src/config";
 import Hr from "./Hr.astro";
 import LinkButton from "./LinkButton.astro";
-import logo from "/assets/logo.svg";
+
+import logoPNG from "/assets/logo.png";
+import logoSVG from "/assets/logo.svg";
 
 export interface Props {
   activeNav?: "posts" | "tags" | "about" | "search";
@@ -19,7 +21,7 @@ const { activeNav } = Astro.props;
         {
           LOGO_IMAGE.enable ? (
             <img
-              src={logo}
+              src={LOGO_IMAGE.svg ? logoSVG : logoPNG}
               alt="AstroPaper Logo"
               width={LOGO_IMAGE.width}
               height={LOGO_IMAGE.height}

src/config.ts

@@ -10,7 +10,8 @@ export const SITE = {
 };
 
 export const LOGO_IMAGE = {
-  enable: false,
+  enable: true,
+  svg: false,
   width: 216,
   height: 46,
 };