diff --git a/layouts/404.html b/layouts/404.html
index 8dba7a5b1592d653c2daf639341c70d971bad0b9..bd838d2b133f5e69343501e2bbb292931227e338 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -7,7 +7,7 @@
     <div id="app">
 
         <div class="not-found container">
-            <img src="/img/404-banner.png" alt="404 not found" />
+            <img src="{{ .Site.BaseURL }}img/404-banner.png" alt="404 not found" />
             <span>{{ .Site.Params.notFound }}</span>
         </div>
     </div>
diff --git a/layouts/docs/baseof.html b/layouts/docs/baseof.html
index 918bbe1247df64ee87573900770e65613e2a9302..aa8390271b49d00750c7b8e08d808b39c360111b 100644
--- a/layouts/docs/baseof.html
+++ b/layouts/docs/baseof.html
@@ -8,14 +8,14 @@
 
   <body>
     <div class="feedback">
-      <img class="bug-icon" src="/img/detail/bug.svg" title="{{ i18n "issue_participantion"}}" alt="">
-      <img class="bug-icon-dark" src="/img/detail/bug-dark.svg" title="{{ i18n "issue_participantion"}}" alt="">
+      <img class="bug-icon" src="{{ .Site.BaseURL }}img/detail/bug.svg" title="{{ i18n "issue_participantion"}}" alt="">
+      <img class="bug-icon-dark" src="{{ .Site.BaseURL }}img/detail/bug-dark.svg" title="{{ i18n "issue_participantion"}}" alt="">
   </div>
     <div id="app">
       <div class="left">
         <div id="menu-box">
         <div class="pc-logo">
-          <img src="\img\common\logo-doc.svg" alt="logo" />
+          <img src="{{ .Site.BaseURL }}img/common/logo-doc.svg" alt="logo" />
         </div>
         <div id="h5-menu-top">
           <div class="h5-logo">
@@ -76,7 +76,7 @@
        <div id="content">
         {{ $versionArr := split $.File.Path "docs\\" }}
         {{ $version := index $versionArr 1}}
-        {{ $version := split $version "\\" }}
+        {{ $version := split $version "{{ .Site.BaseURL }}\" }}
         {{ $version := index $version 0}}
         {{ $lang := .Site.LanguageCode}}
           <main class="docscontainer">
@@ -125,7 +125,7 @@
 
                 </ul>
                 <div class="no-data-mobile" style="display: none;">
-                  <img class="empty-img-mobile" src="/img/search/no-data.png" alt="" />
+                  <img class="empty-img-mobile" src="{{ .Site.BaseURL }}img/search/no-data.png" alt="" />
                   <span class="empty-tip-mobile">{{ i18n "search_no_data_tip" }}</span>
               </div>
                 <div id="pagination"></div>
diff --git a/layouts/index.html b/layouts/index.html
index ec1b4c771534ce8dbd50788e39a1f35ff84ccc16..8d7f0d648dcf52088be574780a0937abc40c5d13 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -9,7 +9,7 @@
     <div id="app" class="web">
         <div id="left">
             <div class="left">
-                <img src=".\img\common\logo-doc.svg" alt=""/>
+                <img src="{{ .Site.BaseURL }}img/common/logo-doc.svg" alt=""/>
             </div>
             <div class="long-time select-version" >
                 <p class="long-title select-version-title">
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 044dee47b5e392e2c95cbef8b62239645c31f9b8..cfc88f632f5e064e6ed4f2c5ec1e85c621f318a6 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -2,12 +2,12 @@
     <div class="footer-wrapper">
         <div class="footer-content container">
             <div class="footer-left">
-                <img src="/img/common/footer-logo.png" alt="" />
+                <img src="{{ .Site.BaseURL }}img/common/footer-logo.png" alt="" />
                 <p>{{ .Site.Params.email }}</p>
                 <p>{{ i18n "copy_right" }}</p>
             </div>
             <div class="footer-right">
-                <img src="/img/common/qrcode.png" alt="" />
+                <img src="{{ .Site.BaseURL }}img/common/qrcode.png" alt="" />
                 <p>{{ i18n "attention" }}</p>
                 <p>{{ i18n "copy_right" }}</p>
             </div>
diff --git a/layouts/partials/h5_footer.html b/layouts/partials/h5_footer.html
index 6bef741a179a9c1382b8c7025b5c4a74aeb99eb8..7a8e88797dd1cde02e575078946ec152568101f3 100644
--- a/layouts/partials/h5_footer.html
+++ b/layouts/partials/h5_footer.html
@@ -8,7 +8,7 @@
         <p>contact@openeuler.io</p>
     </div>
     <div>
-        <img src="/img/common/qrcode.png" alt=""/>
+        <img src="{{ .Site.BaseURL }}img/common/qrcode.png" alt=""{{ .Site.BaseURL }}/>
         <p>{{ i18n "attention" }}</p>
         <p>{{ i18n "copy_right" }}</p>
     </div>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 6152854641cc79a7b3efb29a1d2524f3fd0e938b..b6ea2cfab50d1cdfa33cb71dea869b883a8cf4ad 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -41,22 +41,22 @@
     {{ end }}
     <meta name="author" content="{{ .Site.Params.author }}" >
     <link rel="shortcut icon" href="{{ "favicon.ico" | relURL }}" type="image/x-icon">
-    <link href="/css/theme.css" rel="stylesheet" type="text/css">
+    <link href="{{ .Site.BaseURL }}css/theme.css" rel="stylesheet" type="text/css">
     <link href="{{ "css/h5_footer.css"  | relURL }}?t={{ mul 1000 (time now).Unix }}" rel="stylesheet" type="text/css">
     <link href="{{ "css/common.css"  | relURL }}?t={{ mul 1000 (time now).Unix }}" rel="stylesheet" type="text/css">
     <link href="{{ "css/pagination.css"  | relURL }}?t={{ mul 1000 (time now).Unix }}" rel="stylesheet" type="text/css">
-    <link href="/css/reset.css" rel="stylesheet" type="text/css">
-    <link href="/css/revision_new.css" rel="stylesheet" type="text/css">
-    <link href="/css/login.css" rel="stylesheet" type="text/css">
-    <link href="/css/doc_map.css" rel="stylesheet" type="text/css">
-    <link href="/css/float.css"  rel="stylesheet" type="text/css">
-    <link href="/css/o_theme.css"  rel="stylesheet" type="text/css">
-    <link href="/css/cookie.css"  rel="stylesheet" type="text/css">
+    <link href="{{ .Site.BaseURL }}css/reset.css" rel="stylesheet" type="text/css">
+    <link href="{{ .Site.BaseURL }}css/revision_new.css" rel="stylesheet" type="text/css">
+    <link href="{{ .Site.BaseURL }}css/login.css" rel="stylesheet" type="text/css">
+    <link href="{{ .Site.BaseURL }}css/doc_map.css" rel="stylesheet" type="text/css">
+    <link href="{{ .Site.BaseURL }}css/float.css"  rel="stylesheet" type="text/css">
+    <link href="{{ .Site.BaseURL }}css/o_theme.css"  rel="stylesheet" type="text/css">
+    <link href="{{ .Site.BaseURL }}css/cookie.css"  rel="stylesheet" type="text/css">
     {{ if ne .Site.LanguageCode "ru"}}
     <script src="{{ .Site.BaseURL }}js/analytics.js"></script>
     {{ end }}
     <script src="{{ .Site.BaseURL }}js/highlight.min.js"></script>
-    <link href="/css/highlightjs-theme.css" rel="stylesheet" type="text/css">
+    <link href="{{ .Site.BaseURL }}css/highlightjs-theme.css" rel="stylesheet" type="text/css">
     <script>hljs.initHighlightingOnLoad();</script>
     <script src="{{ .Site.BaseURL }}js/init-theme.js"></script>
 </head>
\ No newline at end of file
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
index ed31403052bba184a72aabb1aa9703faf82b62be..9259ff015398e2b89535954e6f04ab1e8a295222 100644
--- a/layouts/partials/nav.html
+++ b/layouts/partials/nav.html
@@ -18,7 +18,7 @@
             <div class="search-result" class="container result-style">
               <ul style="border: none"></ul>
               <div class="no-data" style="display: none;">
-                <img class="empty-img" src="/img/search/no-data.png" alt="" />
+                <img class="empty-img" src="{{ .Site.BaseURL }}img/search/no-data.png" alt="" />
                 <span class="empty-tip">{{ i18n "search_no_data_tip" }}</span>
               </div>
               <div id="baseof-pagination"></div>
@@ -26,7 +26,7 @@
           </div>
           <div class="baseof_mask">
             <div class="loading-box">
-              <img src="/img/detail/loading.gif" alt="" />
+              <img src="{{ .Site.BaseURL }}img/detail/loading.gif" alt="" />
             </div>
           </div>
           <div name="lang" id="lang">
diff --git a/layouts/partials/pcfooter.html b/layouts/partials/pcfooter.html
index 17d2a9f722f2b32b567a80f3c93671f9a8f47e1d..efb3f401d2ea57728cbc20b0df674a70fc1d55e1 100644
--- a/layouts/partials/pcfooter.html
+++ b/layouts/partials/pcfooter.html
@@ -4,7 +4,7 @@
       <p class="atom-text">
         {{i18n "atom-text"}}
       </p>
-      <a href="https://openatom.cn" target="_blank" rel="noopener noreferrer"><img src="/img/footer/atom-logo.svg"
+      <a href="https://openatom.cn" target="_blank" rel="noopener noreferrer"><img src="{{ .Site.BaseURL }}img/footer/atom-logo.svg"
           class="atom-logo" /></a>
     </div>
   </div>
@@ -12,8 +12,8 @@
     <div class="app-content">
       <div class="inner">
         <div class="footer-logo">
-          <img class="show-pc" src="/img/footer/footer-logo2.png" alt="" />
-          <img class="show-mo" src="/img/footer/footer-logo2-mo.png" alt="" />
+          <img class="show-pc" src="{{ .Site.BaseURL }}img/footer/footer-logo2.png" alt="" />
+          <img class="show-mo" src="{{ .Site.BaseURL }}img/footer/footer-logo2-mo.png" alt="" />
           <p>
             <a class="email" href="mailto:contact@openeuler.io" target="_blank">contact@openeuler.io</a>
           </p>
@@ -36,14 +36,14 @@
         </div>
         <div class="footer-right">
           <div class="code-box">
-            <div class="code-pop" ><img src="/img/footer/img-xzs.png" class="code-img" alt="" />
+            <div class="code-pop" ><img src="{{ .Site.BaseURL }}img/footer/img-xzs.png" class="code-img" alt="" />
               <div class="code-layer">
-                <img src="/img/footer/code-xzs.png" alt="" />
+                <img src="{{ .Site.BaseURL }}img/footer/code-xzs.png" alt="" />
                 <p class="txt">openEuler公众号</p>
               </div>
-            </div><div class="code-pop"><img src="/img/footer/img-gzh.png" class="code-img" alt="" />
+            </div><div class="code-pop"><img src="{{ .Site.BaseURL }}img/footer/img-gzh.png" class="code-img" alt="" />
               <div class="code-layer">
-                <img src="/img/footer/code-zgz.png" alt="" />
+                <img src="{{ .Site.BaseURL }}img/footer/code-zgz.png" alt="" />
                 <p class="txt">openEuler小助手</p>
               </div>
             </div>
