More customzation

src/layouts/Layout.astro

@@ -5,9 +5,9 @@ import '@/styles/typography.css'
 import Footer from '@/components/Footer.astro'
 import Head from '@/components/Head.astro'
 import Header from '@/components/Header.astro'
-import { SITE } from '@/consts'
+import { ENABLE_LIGHTBOX, SITE } from '@/consts'
 import { cn } from '@/lib/utils'
-
+import { getStaticFilePath } from '@/lib/blog-helpers'
 interface Props {
   class?: string
 }
@@ -37,5 +37,12 @@ const { class: className } = Astro.props
       <slot />
     </main>
     <Footer />
+
+
+    {
+      ENABLE_LIGHTBOX && (
+        <script src={getStaticFilePath('/js/fslightbox.js')} />
+      )
+    }
   </body>
 </html>