diff --git a/example.md b/example.md
index 45d44a31691e89a9162af51579206664af6b8718..617d8d3a4929b8c50f10a5caa03774399c75411b 100644
--- a/example.md
+++ b/example.md
@@ -6,10 +6,10 @@ themeConfig:
   secondary: '#cc7b4b'
   code: 'white'
   subtitle: "Slidev Alpaga Theme"
-  logoSrc: "/img/alpaga-logo.png"
+  logoSrc: "img/alpaga-logo.png"
   logoUrl: ""
   licenseUrl: "https://creativecommons.org/licenses/by-sa/4.0/deed.fr"
-  licenseImg: "/img/license.png"
+  licenseImg: "img/license.png"
   authorUrl: "https://lydra.fr"
   author: "Author's Name"
   version: "0.1"
diff --git a/global-bottom.vue b/global-bottom.vue
index 7d9ad8aeb2e63683742fbaa6fa8cb2befda0b08c..20f9aca29a188580487c917cc8084a05d67152bd 100644
--- a/global-bottom.vue
+++ b/global-bottom.vue
@@ -1,10 +1,11 @@
 <!-- global-bottom.vue -->
-
 <script>
+
 export default {
   data() {
     return {
     date: new Date().toLocaleDateString(),
+    base: import.meta.env.BASE_URL,
     }
   }
 }
@@ -12,7 +13,7 @@ export default {
 <template>
   <footer class="absolute flex justify-between bottom-8 left-16 z-60 right-16 ">
     <span v-if="$slidev.themeConfigs.version"> V {{ $slidev.themeConfigs.version }} of {{ date }}  </span> 
-    <a :href="$slidev.themeConfigs.licenseUrl"> <img class="w-24" :src="$slidev.themeConfigs.licenseImg"/></a> 
+    <a :href="$slidev.themeConfigs.licenseUrl"> <img class="w-24" :src="base + $slidev.themeConfigs.licenseImg"/></a> 
     <span v-if="$slidev.themeConfigs.authorUrl">Author : <a  :href="$slidev.themeConfigs.authorUrl" target="_blank"> {{  $slidev.themeConfigs.author  }} </a>  </span>
     <span v-else-if="$slidev.themeConfigs.author">Author : <span class="secondary-color"> {{  $slidev.themeConfigs.author  }} </span>  </span>
   </footer>
diff --git a/global-top.vue b/global-top.vue
index 605dc77399028bd38c6a91b46a8ef612977393c9..216326efd0792f0ea6c93cd843271b8eec619509 100644
--- a/global-top.vue
+++ b/global-top.vue
@@ -1,8 +1,18 @@
 <!-- global-bottom.vue -->
+<script>
+
+export default {
+  data() {
+    return {
+    base: import.meta.env.BASE_URL,
+    }
+  }
+}
+</script>
 <template>
 <header class="absolute flex justify-between top-8 left-16 z-60 right-16">
-  <a v-if="$slidev.themeConfigs.logoUrl" :href="$slidev.themeConfigs.logoUrl" target="_blank"> <img class="h-12" :src="$slidev.themeConfigs.logoSrc"/></a> 
- <img v-else-if="$slidev.themeConfigs.logoSrc" class="h-12" :src="$slidev.themeConfigs.logoSrc"/>
+  <a v-if="$slidev.themeConfigs.logoUrl" :href="$slidev.themeConfigs.logoUrl" target="_blank"> <img class="h-12" :src="base + $slidev.themeConfigs.logoSrc"/></a> 
+ <img v-else-if="base + $slidev.themeConfigs.logoSrc" class="h-12" :src="base + $slidev.themeConfigs.logoSrc"/>
 
   <span v-if="$slidev.themeConfigs.subtitle" class="secondary-color"> {{ $slidev.themeConfigs.subtitle }}</span>