diff --git a/scripts/build.cli.js b/scripts/build.cli.js
index 10ec50bf..6c700b16 100644
--- a/scripts/build.cli.js
+++ b/scripts/build.cli.js
@@ -74,5 +74,5 @@ Promise.all(builds.map(([entries, outfile]) => {
 
     shell.mkdir('-p', SEARCH_LANGS_OUTPUT);
     shell.cp('-f', SEARCH_API, SEARCH_API_OUTPUT);
-    shell.cp('-f', join(dirname(SEARCH_LANGS), '*'), SEARCH_LANGS_OUTPUT);
+    shell.cp('-f', join(dirname(SEARCH_LANGS), '*.js'), SEARCH_LANGS_OUTPUT);
 });
diff --git a/src/pages/document.ts b/src/pages/document.ts
index 73bdc0d3..2a359239 100644
--- a/src/pages/document.ts
+++ b/src/pages/document.ts
@@ -3,7 +3,7 @@ import {join} from 'path';
 import {BUNDLE_FOLDER, CARRIAGE_RETURN, CUSTOM_STYLE, RTL_LANGS} from '../constants';
 import {LeadingPage, Resources, TextItems, VarsMetadata} from '../models';
 import {ArgvService, PluginService} from '../services';
-import {getDepthPath} from '~/utils';
+import {getDepthPath} from '../utils';
 
 import {DocInnerProps, DocPageData, render} from '@diplodoc/client/ssr';
 import manifest from '@diplodoc/client/manifest';
diff --git a/src/services/search.ts b/src/services/search.ts
index 5c2edf44..cafd028c 100644
--- a/src/services/search.ts
+++ b/src/services/search.ts
@@ -67,8 +67,8 @@ async function release() {
         const dir = outputDir(lang);
 
         mkdirSync(dir, {recursive: true});
-        writeFileSync(indexLink(lang), index, 'utf8');
-        writeFileSync(registryLink(lang), registry, 'utf8');
+        writeFileSync(indexLink(lang), index as string, 'utf8');
+        writeFileSync(registryLink(lang), registry as string, 'utf8');
         writeFileSync(pageLink(lang), generateStaticSearch(lang as Lang), 'utf8');
 
         if (isLocalSearchEnabled() && langs.includes(lang)) {
diff --git a/src/steps/processPages.ts b/src/steps/processPages.ts
index 4c6a554e..501d35fb 100644
--- a/src/steps/processPages.ts
+++ b/src/steps/processPages.ts
@@ -171,7 +171,7 @@ async function saveSinglePages() {
                     relativeTocDir,
                 );
 
-                const toc = TocService.getForPath(relativeTocDir + '/toc.yaml')[1] as YfmToc;
+                const toc = TocService.getForPath(join(relativeTocDir, 'toc.yaml'))[1] as YfmToc;
                 const lang = configLang ?? Lang.RU;
                 const langs = configLangs?.length ? configLangs : [lang];
 
@@ -197,7 +197,7 @@ async function saveSinglePages() {
                 const singlePageContent = generateStaticMarkup(
                     pageData,
                     join(relativeTocDir, 'single-page-toc'),
-                    toc.title as string || '',
+                    (toc.title as string) || '',
                 );
 
                 writeFileSync(singlePageFn, singlePageContent);
diff --git a/src/utils/singlePage.ts b/src/utils/singlePage.ts
index eeff9dd1..343bcf5b 100644
--- a/src/utils/singlePage.ts
+++ b/src/utils/singlePage.ts
@@ -25,14 +25,18 @@ function relativeTo(root: string, path: string) {
     root = toUrl(root);
     path = toUrl(path);
 
-    return path.replace(root + '/', '');
+    if (root && path.startsWith(root + '/')) {
+        path = path.replace(root + '/', '');
+    }
+
+    return path;
 }
 
 function all(root: HTMLElement, selector: string): HTMLElement[] {
     return Array.from(root.querySelectorAll(selector));
 }
 
-function decreaseHeadingLevels(root: HTMLElement) {
+export function decreaseHeadingLevels(root: HTMLElement) {
     const headersSelector = 'h1, h2, h3, h4, h5';
 
     root.querySelectorAll(headersSelector).forEach((node) => {
@@ -43,7 +47,7 @@ function decreaseHeadingLevels(root: HTMLElement) {
     });
 }
 
-function tryFixFirstPageHeader(root: HTMLElement) {
+export function tryFixFirstPageHeader(root: HTMLElement) {
     const firstPageHeader = root.querySelector(HEADERS_SELECTOR);
     if (!firstPageHeader || firstPageHeader.rawTagName === 'h1') {
         return;
@@ -52,19 +56,20 @@ function tryFixFirstPageHeader(root: HTMLElement) {
     firstPageHeader.rawTagName = 'h1';
 }
 
-function replaceLinks(rootEl: HTMLElement, options: PreprocessSinglePageOptions) {
+export function replaceLinks(root: HTMLElement, options: PreprocessSinglePageOptions) {
     const {path, tocDir} = options;
 
-    for (const node of all(rootEl, 'a:not(.yfm-anchor):not([target="_blank"])')) {
+    for (const node of all(root, 'a:not(.yfm-anchor):not([target="_blank"])')) {
         const href = node.getAttribute('href') || '';
         const linkFullPath = join(dirname(path), href);
 
-        // TODO: This is wrong check
+        // TODO: isLinkOutOfToc is wrong check
         // we need to to something like TocService.getForPath
         // and then compare with local toc path.
         const isLinkOutOfToc = !linkFullPath.startsWith(tocDir);
+        const isLinkOutOfRoot = linkFullPath.startsWith('../');
 
-        if (isLinkOutOfToc) {
+        if (isLinkOutOfToc || isLinkOutOfRoot) {
             return;
         }
 
@@ -80,12 +85,12 @@ function prepareAnchorAttrs(node: HTMLElement, pathname: string, page: string) {
         }
 
         if (name === 'id') {
-            node.setAttribute(name, `#${page}_${value}`);
+            node.setAttribute(name, `${page}_${value}`);
         }
     }
 }
 
-function addPagePrefixToAnchors(root: HTMLElement, options: PreprocessSinglePageOptions) {
+export function addPagePrefixToAnchors(root: HTMLElement, options: PreprocessSinglePageOptions) {
     const {path, tocDir} = options;
 
     const url = getSinglePageUrl(tocDir, path);
@@ -111,18 +116,29 @@ function addPagePrefixToAnchors(root: HTMLElement, options: PreprocessSinglePage
     }
 }
 
-function addMainTitle(root: HTMLElement, options: PreprocessSinglePageOptions) {
+export function addMainTitle(root: HTMLElement, options: PreprocessSinglePageOptions) {
     if (options.title) {
         root.insertAdjacentHTML('afterbegin', `<h1>${options.title}</h1>`);
     }
 }
 
 function getAnchorId(tocDir: string, path: string) {
-    return relativeTo(tocDir, toUrl(dropExt(path))).replace(/[#/]/g, '_');
+    const [pathname, hash] = path.split('#');
+    const url = toUrl(dropExt(pathname)) + (hash ? '#' + hash : '');
+
+    // TODO: encodeURIComponent will be best option
+    return relativeTo(tocDir, url.replace(/\.\.\/|[/#]/g, '_'));
 }
 
 export function getSinglePageUrl(tocDir: string, path: string) {
-    return toUrl(tocDir) + '/single-page.html#' + getAnchorId(tocDir, path);
+    const prefix = toUrl(tocDir) || '.';
+    const suffix = getAnchorId(tocDir, path);
+
+    if (prefix === '.') {
+        return '#' + suffix;
+    }
+
+    return prefix + '/single-page.html#' + suffix;
 }
 
 export function joinSinglePageResults(
diff --git a/tests/e2e/__snapshots__/include-toc.test.ts.snap b/tests/e2e/__snapshots__/include-toc.test.ts.snap
index ec4d957b..9224ba56 100644
--- a/tests/e2e/__snapshots__/include-toc.test.ts.snap
+++ b/tests/e2e/__snapshots__/include-toc.test.ts.snap
@@ -38,8 +38,6 @@ exports[`Include toc Nested toc inclusions with mixed including modes 4`] = `
 items:
   - name: Article1
     href: article1.md
-base: product1
-deepBase: 1
 "
 `;
 
@@ -121,8 +119,6 @@ items:
     items:
       - name: Article1
         href: overlay3/article1.md
-base: product2
-deepBase: 1
 "
 `;
 
@@ -162,8 +158,6 @@ exports[`Include toc Toc is included in link mode 5`] = `
         items:
           - name: A1
             href: folder1/folder2/a1.md
-base: .
-deepBase: 0
 "
 `;
 
@@ -291,8 +285,6 @@ exports[`Include toc Toc is included inline, not as a new section 12`] = `
     href: fileC.md
   - name: NameX
     href: fileX.md
-base: .
-deepBase: 0
 "
 `;
 
@@ -328,7 +320,5 @@ href: index.yaml
 items:
   - name: A1
     href: a1.md
-base: .
-deepBase: 0
 "
 `;
diff --git a/tests/e2e/__snapshots__/load-custom-resources.spec.ts.snap b/tests/e2e/__snapshots__/load-custom-resources.spec.ts.snap
index a807bad3..f23d6850 100644
--- a/tests/e2e/__snapshots__/load-custom-resources.spec.ts.snap
+++ b/tests/e2e/__snapshots__/load-custom-resources.spec.ts.snap
@@ -47,6 +47,7 @@ exports[`Allow load custom resources md2html single page with custom resources 1
   "index.html",
   "page.html",
   "project/config.html",
+  "single-page-toc.js",
   "single-page.html",
   "single-page.json",
   "toc.js"
@@ -99,9 +100,9 @@ exports[`Allow load custom resources md2html single page with custom resources 2
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"title":"Documentation | Documentation","leading":true},"router":{"pathname":"index.html","depth":1},"lang":"ru","langs":["ru"]};
+                   window.__DATA__ = {"data":{"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"title":"Documentation","leading":true},"router":{"pathname":"index","depth":1},"lang":"ru","langs":["ru"]};
     </script>
-    <script src="./toc.js"
+    <script src="toc.js"
             type="application/javascript"
     >
     </script>
@@ -164,11 +165,11 @@ exports[`Allow load custom resources md2html single page with custom resources 3
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","content":"builder"}],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","content":"builder"}],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"","includes":[],"html":"
       <p>Lorem
-      </p>/n","leading":false},"router":{"pathname":"page.html","depth":1},"lang":"ru","langs":["ru"]};
+      </p>/n","leading":false},"router":{"pathname":"page","depth":1},"lang":"ru","langs":["ru"]};
     </script>
-    <script src="./toc.js"
+    <script src="toc.js"
             type="application/javascript"
     >
     </script>
@@ -228,11 +229,11 @@ exports[`Allow load custom resources md2html single page with custom resources 4
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"meta":{"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"","includes":[],"html":"
       <p>Lorem
-      </p>/n","leading":false},"router":{"pathname":"project/config.html","depth":2},"lang":"ru","langs":["ru"]};
+      </p>/n","leading":false},"router":{"pathname":"project/config","depth":2},"lang":"ru","langs":["ru"]};
     </script>
-    <script src="./toc.js"
+    <script src="toc.js"
             type="application/javascript"
     >
     </script>
@@ -252,19 +253,21 @@ exports[`Allow load custom resources md2html single page with custom resources 4
 </html>
 `;
 
-exports[`Allow load custom resources md2html single page with custom resources 5`] = `
+exports[`Allow load custom resources md2html single page with custom resources 5`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"#index","items":[{"name":"Documentation","href":"#page","id":"Documentation-RANDOM"},{"name":"Config","href":"#project_config","id":"Config-RANDOM"}]};"`;
+
+exports[`Allow load custom resources md2html single page with custom resources 6`] = `
 <!DOCTYPE html>
 <html lang="ru"
       dir="ltr"
 >
   <head>
     <meta charset="utf-8">
-    <base href="./">
+    <base href="../">
     <meta name="viewport"
           content="width=device-width, initial-scale=1.0"
     >
     <title>
-      undefined
+      Documentation
     </title>
     <style type="text/css">
       body {
@@ -293,21 +296,13 @@ exports[`Allow load custom resources md2html single page with custom resources 5
     <script type="application/javascript">
       window.STATIC_CONTENT = false
                    window.__DATA__ = {"data":{"leading":false,"html":"
-      <h2 data-original-article=\\"/page.html\\">Documentation
-      <a class=\\"yfm-anchor\\" aria-hidden=\\"true\\" href=\\"#_page\\" id=\\"_page\\">
-      </a>
-      </h2>
       <p>Lorem
       </p>/n
       <hr class=\\"yfm-page__delimeter\\">
-      <h2 data-original-article=\\"/project/config.html\\">Documentation
-      <a class=\\"yfm-anchor\\" aria-hidden=\\"true\\" href=\\"#_project_config\\" id=\\"_project_config\\">
-      </a>
-      </h2>
       <p>Lorem
-      </p>/n","headings":[],"meta":{"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"toc":{"title":"Documentation","href":"index.yaml","items":[{"name":"Documentation","href":"#_page","id":"Documentation-RANDOM"},{"name":"Config","href":"#_project_config","id":"Config-RANDOM"}],"base":".","deepBase":0,"singlePage":true}},"router":{"pathname":"single-page.html"},"lang":"ru","langs":["ru"]};
+      </p>/n","headings":[],"meta":{"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"title":"Documentation"},"router":{"pathname":"single-page.html","depth":2},"lang":"ru","langs":["ru"]};
     </script>
-    <script src="./toc.js"
+    <script src="single-page-toc.js"
             type="application/javascript"
     >
     </script>
@@ -327,9 +322,9 @@ exports[`Allow load custom resources md2html single page with custom resources 5
 </html>
 `;
 
-exports[`Allow load custom resources md2html single page with custom resources 6`] = `"{"data":{"leading":false,"html":"<h2 data-original-article=\\"/page.html\\">Documentation<a class=\\"yfm-anchor\\" aria-hidden=\\"true\\" href=\\"#_page\\" id=\\"_page\\"></a></h2><p>Lorem</p>/n<hr class=\\"yfm-page__delimeter\\"><h2 data-original-article=\\"/project/config.html\\">Documentation<a class=\\"yfm-anchor\\" aria-hidden=\\"true\\" href=\\"#_project_config\\" id=\\"_project_config\\"></a></h2><p>Lorem</p>/n","headings":[],"meta":{"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"toc":{"title":"Documentation","href":"index.yaml","items":[{"name":"Documentation","href":"#_page","id":"Documentation-RANDOM"},{"name":"Config","href":"#_project_config","id":"Config-RANDOM"}],"base":".","deepBase":0,"singlePage":true}},"router":{"pathname":"single-page.html"},"lang":"ru","langs":["ru"]}"`;
+exports[`Allow load custom resources md2html single page with custom resources 7`] = `"{"data":{"leading":false,"html":"<p>Lorem</p>/n<hr class=\\"yfm-page__delimeter\\"><p>Lorem</p>/n","headings":[],"meta":{"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"title":"Documentation"},"router":{"pathname":"single-page.html","depth":2},"lang":"ru","langs":["ru"]}"`;
 
-exports[`Allow load custom resources md2html single page with custom resources 7`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0};"`;
+exports[`Allow load custom resources md2html single page with custom resources 8`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}]};"`;
 
 exports[`Allow load custom resources md2html with custom resources 1`] = `
 "[
@@ -428,9 +423,9 @@ exports[`Allow load custom resources md2html with custom resources 2`] = `
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"title":"Documentation | Documentation","leading":true},"router":{"pathname":"index.html","depth":1},"lang":"ru","langs":["ru"]};
+                   window.__DATA__ = {"data":{"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"title":"Documentation","leading":true},"router":{"pathname":"index","depth":1},"lang":"ru","langs":["ru"]};
     </script>
-    <script src="./toc.js"
+    <script src="toc.js"
             type="application/javascript"
     >
     </script>
@@ -493,11 +488,11 @@ exports[`Allow load custom resources md2html with custom resources 3`] = `
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","content":"builder"}],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","content":"builder"}],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"","includes":[],"html":"
       <p>Lorem
-      </p>/n","leading":false},"router":{"pathname":"page.html","depth":1},"lang":"ru","langs":["ru"]};
+      </p>/n","leading":false},"router":{"pathname":"page","depth":1},"lang":"ru","langs":["ru"]};
     </script>
-    <script src="./toc.js"
+    <script src="toc.js"
             type="application/javascript"
     >
     </script>
@@ -557,11 +552,11 @@ exports[`Allow load custom resources md2html with custom resources 4`] = `
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"meta":{"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"","includes":[],"html":"
       <p>Lorem
-      </p>/n","leading":false},"router":{"pathname":"project/config.html","depth":2},"lang":"ru","langs":["ru"]};
+      </p>/n","leading":false},"router":{"pathname":"project/config","depth":2},"lang":"ru","langs":["ru"]};
     </script>
-    <script src="./toc.js"
+    <script src="toc.js"
             type="application/javascript"
     >
     </script>
@@ -581,7 +576,7 @@ exports[`Allow load custom resources md2html with custom resources 4`] = `
 </html>
 `;
 
-exports[`Allow load custom resources md2html with custom resources 5`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0};"`;
+exports[`Allow load custom resources md2html with custom resources 5`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}]};"`;
 
 exports[`Allow load custom resources md2md with custom resources 1`] = `
 "[
@@ -654,7 +649,5 @@ items:
     href: page.md
   - name: Config
     href: project/config.md
-base: .
-deepBase: 0
 "
 `;
diff --git a/tests/e2e/__snapshots__/metadata.spec.ts.snap b/tests/e2e/__snapshots__/metadata.spec.ts.snap
index 19f509df..69b01d93 100644
--- a/tests/e2e/__snapshots__/metadata.spec.ts.snap
+++ b/tests/e2e/__snapshots__/metadata.spec.ts.snap
@@ -94,9 +94,9 @@ exports[`Allow load custom resources md2html with metadata 2`] = `
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"title":"Documentation | Documentation","leading":true},"router":{"pathname":"index.html","depth":1},"lang":"ru","langs":["ru"]};
+                   window.__DATA__ = {"data":{"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"title":"Documentation","leading":true},"router":{"pathname":"index","depth":1},"lang":"ru","langs":["ru"]};
     </script>
-    <script src="./toc.js"
+    <script src="toc.js"
             type="application/javascript"
     >
     </script>
@@ -158,11 +158,11 @@ exports[`Allow load custom resources md2html with metadata 3`] = `
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","value":"builder in page"},{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","value":"builder in page"},{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"assets":[],"headings":[],"title":"","includes":[],"html":"
       <p>Lorem
-      </p>/n","leading":false},"router":{"pathname":"page.html","depth":1},"lang":"ru","langs":["ru"]};
+      </p>/n","leading":false},"router":{"pathname":"page","depth":1},"lang":"ru","langs":["ru"]};
     </script>
-    <script src="./toc.js"
+    <script src="toc.js"
             type="application/javascript"
     >
     </script>
@@ -224,11 +224,11 @@ exports[`Allow load custom resources md2html with metadata 4`] = `
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","value":"builder in config"},{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","value":"builder in config"},{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"assets":[],"headings":[],"title":"","includes":[],"html":"
       <p>Lorem
-      </p>/n","leading":false},"router":{"pathname":"project/config.html","depth":2},"lang":"ru","langs":["ru"]};
+      </p>/n","leading":false},"router":{"pathname":"project/config","depth":2},"lang":"ru","langs":["ru"]};
     </script>
-    <script src="./toc.js"
+    <script src="toc.js"
             type="application/javascript"
     >
     </script>
@@ -248,7 +248,7 @@ exports[`Allow load custom resources md2html with metadata 4`] = `
 </html>
 `;
 
-exports[`Allow load custom resources md2html with metadata 5`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0};"`;
+exports[`Allow load custom resources md2html with metadata 5`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}]};"`;
 
 exports[`Allow load custom resources md2md with metadata 1`] = `
 "[
@@ -308,7 +308,5 @@ items:
     href: page.md
   - name: Config
     href: project/config.md
-base: .
-deepBase: 0
 "
 `;
diff --git a/tests/e2e/__snapshots__/rtl.spec.ts.snap b/tests/e2e/__snapshots__/rtl.spec.ts.snap
index eb896ff0..7fd4d9fc 100644
--- a/tests/e2e/__snapshots__/rtl.spec.ts.snap
+++ b/tests/e2e/__snapshots__/rtl.spec.ts.snap
@@ -81,9 +81,9 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"data":{"title":"Documentation","links":[{"title":"Documentation","href":"page.html"}]},"meta":{"metadata":[],"style":[],"script":[]},"title":"Documentation","leading":true},"router":{"pathname":"index.html","depth":1},"lang":"he","langs":["he"]};
+                   window.__DATA__ = {"data":{"data":{"title":"Documentation","links":[{"title":"Documentation","href":"page.html"}]},"meta":{"metadata":[],"style":[],"script":[]},"title":"","leading":true},"router":{"pathname":"index","depth":1},"lang":"he","langs":["he"]};
     </script>
-    <script src="./toc.js"
+    <script src="toc.js"
             type="application/javascript"
     >
     </script>
@@ -136,11 +136,11 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"meta":{"metadata":[],"style":[],"script":[]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[],"style":[],"script":[]},"assets":[],"headings":[],"title":"","includes":[],"html":"
       <p>תיעוד
-      </p>/n","leading":false},"router":{"pathname":"page.html","depth":1},"lang":"he","langs":["he"]};
+      </p>/n","leading":false},"router":{"pathname":"page","depth":1},"lang":"he","langs":["he"]};
     </script>
-    <script src="./toc.js"
+    <script src="toc.js"
             type="application/javascript"
     >
     </script>
@@ -160,7 +160,7 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
 </html>
 `;
 
-exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with only one rtl lang 4`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}],"base":".","deepBase":0};"`;
+exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with only one rtl lang 4`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}]};"`;
 
 exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 1`] = `
 "[
@@ -221,7 +221,7 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
 >
   <head>
     <meta charset="utf-8">
-    <base href="./">
+    <base href="../">
     <meta name="viewport"
           content="width=device-width, initial-scale=1.0"
     >
@@ -235,11 +235,11 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </style>
     <link type="text/css"
           rel="stylesheet"
-          href="../_bundle/search-css-1"
+          href="_bundle/search-css-1"
     >
     <link type="text/css"
           rel="stylesheet"
-          href="../_bundle/search-css-2"
+          href="_bundle/search-css-2"
     >
   </head>
   <body class="g-root g-root_theme_light">
@@ -247,22 +247,22 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"data":{"title":"Documentation","links":[{"title":"Documentation","href":"page.html"}]},"meta":{"metadata":[],"style":[],"script":[]},"title":"Documentation","leading":true},"router":{"pathname":"index.html","depth":2},"lang":"ar","langs":["ar","en"]};
+                   window.__DATA__ = {"data":{"data":{"title":"Documentation","links":[{"title":"Documentation","href":"ar/page.html"}]},"meta":{"metadata":[],"style":[],"script":[]},"title":"","leading":true},"router":{"pathname":"ar/index","depth":2},"lang":"ar","langs":["ar","en"]};
     </script>
-    <script src="./toc.js"
+    <script src="ar/toc.js"
             type="application/javascript"
     >
     </script>
     <script type="application/javascript"
-            src="../_bundle/search-js-0"
+            src="_bundle/search-js-0"
     >
     </script>
     <script type="application/javascript"
-            src="../_bundle/app-js-1"
+            src="_bundle/app-js-1"
     >
     </script>
     <script type="application/javascript"
-            src="../_bundle/search-js-2"
+            src="_bundle/search-js-2"
     >
     </script>
   </body>
@@ -276,7 +276,7 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
 >
   <head>
     <meta charset="utf-8">
-    <base href="./">
+    <base href="../">
     <meta name="viewport"
           content="width=device-width, initial-scale=1.0"
     >
@@ -290,11 +290,11 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </style>
     <link type="text/css"
           rel="stylesheet"
-          href="../_bundle/search-css-1"
+          href="_bundle/search-css-1"
     >
     <link type="text/css"
           rel="stylesheet"
-          href="../_bundle/search-css-2"
+          href="_bundle/search-css-2"
     >
   </head>
   <body class="g-root g-root_theme_light">
@@ -302,31 +302,31 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"meta":{"metadata":[],"style":[],"script":[]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[],"style":[],"script":[]},"assets":[],"headings":[],"title":"","includes":[],"html":"
       <p>توثيق
-      </p>/n","leading":false},"router":{"pathname":"page.html","depth":2},"lang":"ar","langs":["ar","en"]};
+      </p>/n","leading":false},"router":{"pathname":"ar/page","depth":2},"lang":"ar","langs":["ar","en"]};
     </script>
-    <script src="./toc.js"
+    <script src="ar/toc.js"
             type="application/javascript"
     >
     </script>
     <script type="application/javascript"
-            src="../_bundle/search-js-0"
+            src="_bundle/search-js-0"
     >
     </script>
     <script type="application/javascript"
-            src="../_bundle/app-js-1"
+            src="_bundle/app-js-1"
     >
     </script>
     <script type="application/javascript"
-            src="../_bundle/search-js-2"
+            src="_bundle/search-js-2"
     >
     </script>
   </body>
 </html>
 `;
 
-exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 4`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}],"base":"ar","deepBase":1};"`;
+exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 4`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"ar/index.html","items":[{"name":"Documentation","href":"ar/page.html","id":"Documentation-RANDOM"}]};"`;
 
 exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 5`] = `
 <!DOCTYPE html>
@@ -335,7 +335,7 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
 >
   <head>
     <meta charset="utf-8">
-    <base href="./">
+    <base href="../">
     <meta name="title"
           content="Documentation"
     >
@@ -355,11 +355,11 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </style>
     <link type="text/css"
           rel="stylesheet"
-          href="../_bundle/search-css-0"
+          href="_bundle/search-css-0"
     >
     <link type="text/css"
           rel="stylesheet"
-          href="../_bundle/app-css-1"
+          href="_bundle/app-css-1"
     >
   </head>
   <body class="g-root g-root_theme_light">
@@ -367,22 +367,22 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":[],"script":[]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":[],"script":[]},"title":"Documentation | Documentation","leading":true},"router":{"pathname":"index.html","depth":2},"lang":"en","langs":["ar","en"]};
+                   window.__DATA__ = {"data":{"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":[],"script":[]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"en/page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":[],"script":[]},"title":"Documentation","leading":true},"router":{"pathname":"en/index","depth":2},"lang":"en","langs":["ar","en"]};
     </script>
-    <script src="./toc.js"
+    <script src="en/toc.js"
             type="application/javascript"
     >
     </script>
     <script type="application/javascript"
-            src="../_bundle/search-js-0"
+            src="_bundle/search-js-0"
     >
     </script>
     <script type="application/javascript"
-            src="../_bundle/app-js-1"
+            src="_bundle/app-js-1"
     >
     </script>
     <script type="application/javascript"
-            src="../_bundle/search-js-2"
+            src="_bundle/search-js-2"
     >
     </script>
   </body>
@@ -396,7 +396,7 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
 >
   <head>
     <meta charset="utf-8">
-    <base href="./">
+    <base href="../">
     <meta name="yfm"
           content="builder"
     >
@@ -413,11 +413,11 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </style>
     <link type="text/css"
           rel="stylesheet"
-          href="../_bundle/search-css-0"
+          href="_bundle/search-css-0"
     >
     <link type="text/css"
           rel="stylesheet"
-          href="../_bundle/app-css-1"
+          href="_bundle/app-css-1"
     >
   </head>
   <body class="g-root g-root_theme_light">
@@ -425,31 +425,31 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","content":"builder"}],"style":[],"script":[]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","content":"builder"}],"style":[],"script":[]},"assets":[],"headings":[],"title":"","includes":[],"html":"
       <p>Lorem
-      </p>/n","leading":false},"router":{"pathname":"page.html","depth":2},"lang":"en","langs":["ar","en"]};
+      </p>/n","leading":false},"router":{"pathname":"en/page","depth":2},"lang":"en","langs":["ar","en"]};
     </script>
-    <script src="./toc.js"
+    <script src="en/toc.js"
             type="application/javascript"
     >
     </script>
     <script type="application/javascript"
-            src="../_bundle/search-js-0"
+            src="_bundle/search-js-0"
     >
     </script>
     <script type="application/javascript"
-            src="../_bundle/app-js-1"
+            src="_bundle/app-js-1"
     >
     </script>
     <script type="application/javascript"
-            src="../_bundle/search-js-2"
+            src="_bundle/search-js-2"
     >
     </script>
   </body>
 </html>
 `;
 
-exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 7`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}],"base":"en","deepBase":1};"`;
+exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 7`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"en/index.html","items":[{"name":"Documentation","href":"en/page.html","id":"Documentation-RANDOM"}]};"`;
 
 exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 8`] = `
 <!DOCTYPE html>
diff --git a/tests/units/services/__snapshots__/singlePage.test.ts.snap b/tests/units/services/__snapshots__/singlePage.test.ts.snap
index 3b627fe1..cd79e840 100644
--- a/tests/units/services/__snapshots__/singlePage.test.ts.snap
+++ b/tests/units/services/__snapshots__/singlePage.test.ts.snap
@@ -1,37 +1,37 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Add a page prefix to anchors Should be added 1`] = `
-<h1 id="_index_first-header"
-    data-original-article="/index.html"
+<h1 id="index_first-header"
+    data-original-article="index.html"
 >
   <a class="yfm-anchor"
-     href="#_index_first-header"
-     id="_index_first-header"
+     href="#index_first-header"
+     id="index_first-header"
   >
   </a>
   <a class="yfm-anchor"
      aria-hidden="true"
-     href="#_index"
-     id="_index"
+     href="#index"
+     id="index"
   >
   </a>
 </h1>
-<h2 id="_index_second-header">
+<h2 id="index_second-header">
   <a class="yfm-anchor"
-     href="#_index_second-header"
-     id="_index_second-header"
+     href="#index_second-header"
+     id="index_second-header"
   >
   </a>
 </h2>
 `;
 
 exports[`Adding the main title Should be added the page attributes 1`] = `
-<h1 data-original-article="/about.html">
+<h1 data-original-article="about.html">
   Title
   <a class="yfm-anchor"
      aria-hidden="true"
-     href="#_about"
-     id="_about"
+     href="#about"
+     id="about"
   >
   </a>
 </h1>
@@ -62,30 +62,6 @@ exports[`Decrease heading levels Should work 1`] = `
 </h6>
 `;
 
-exports[`Make image sources relative from the single page file External image sources should not be replaced 1`] = `
-<img src="https://ydocs.tech/favicon.png"
-     alt="test"
->
-`;
-
-exports[`Make image sources relative from the single page file Image sources should be replaced if the file is not root 1`] = `
-<img src="folder/_assets/index.png"
-     alt="test"
->
-<img src="../_assets/index.png"
-     alt="test"
->
-`;
-
-exports[`Make image sources relative from the single page file Image sources should not be replaced if file is root 1`] = `
-<img src="_assets/index.png"
-     alt="test"
->
-<img src="../../_assets/index.png"
-     alt="test"
->
-`;
-
 exports[`Make links to pages as hashes to sections in a single page External links should not be replaced 1`] = `
 <a href="https://ydocs.tech"
    target="_blank"
@@ -103,21 +79,21 @@ exports[`Make links to pages as hashes to sections in a single page Should be re
 `;
 
 exports[`Make links to pages as hashes to sections in a single page Should be replaced if file is root 1`] = `
-<a href="#_folder_index">
+<a href="#folder_index">
 </a>
-<a href="#_folder_index_third-header">
+<a href="#folder_index_third-header">
 </a>
-<a href="#_index">
+<a href="#index">
 </a>
 `;
 
 exports[`Make links to pages as hashes to sections in a single page Should not be replaced as hash if a link is out of the root folder 1`] = `
-<a href="../index.html">
+<a href="../../index.html">
 </a>
 `;
 
 exports[`Make links to pages as hashes to sections in a single page Should not be replaced as hash if a link is out of the single page (but not out of the root) 1`] = `
-<a href="../service2/index.html">
+<a href="../../service2/index.html">
 </a>
 `;
 
diff --git a/tests/units/services/singlePage.test.ts b/tests/units/services/singlePage.test.ts
index 5f90cdea..946c195a 100644
--- a/tests/units/services/singlePage.test.ts
+++ b/tests/units/services/singlePage.test.ts
@@ -7,14 +7,12 @@ import {
     addPagePrefixToAnchors,
     decreaseHeadingLevels,
     replaceLinks,
-    replaceImages,
     addMainTitle,
 } from 'utils/singlePage';
 
 describe('Adding the main title', () => {
     const options = {
         title: 'Title',
-        root: __dirname,
         path: 'about.html',
         tocDir: '',
     };
@@ -70,7 +68,6 @@ describe('Add a page prefix to anchors', () => {
 
         const root = parse(content);
         addPagePrefixToAnchors(root, {
-            root: __dirname,
             path: 'index.html',
             tocDir: '',
         });
@@ -96,9 +93,8 @@ describe('Make links to pages as hashes to sections in a single page', () => {
         ].join('\n');
         const root = parse(content);
         replaceLinks(root, {
-            root: __dirname,
             path: 'index.html',
-            tocDir: __dirname,
+            tocDir: '',
         });
         expect(platformless(root.toString())).toMatchSnapshot();
     });
@@ -111,9 +107,8 @@ describe('Make links to pages as hashes to sections in a single page', () => {
         ].join('\n');
         const root = parse(content);
         replaceLinks(root, {
-            root: __dirname,
             path: 'folder1/index.html',
-            tocDir: __dirname,
+            tocDir: '',
         });
         expect(platformless(root.toString())).toMatchSnapshot();
     });
@@ -122,9 +117,8 @@ describe('Make links to pages as hashes to sections in a single page', () => {
         const content = '<a href="https://ydocs.tech" target="_blank"></a>';
         const root = parse(content);
         replaceLinks(root, {
-            root: __dirname,
             path: 'index.html',
-            tocDir: __dirname,
+            tocDir: '',
         });
         expect(platformless(root.toString())).toMatchSnapshot();
     });
@@ -133,9 +127,8 @@ describe('Make links to pages as hashes to sections in a single page', () => {
         const content = `<a href="../../index.html"></a>`;
         const root = parse(content);
         replaceLinks(root, {
-            root: __dirname,
             path: 'folder/index.html',
-            tocDir: __dirname,
+            tocDir: '',
         });
         expect(platformless(root.toString())).toMatchSnapshot();
     });
@@ -144,51 +137,8 @@ describe('Make links to pages as hashes to sections in a single page', () => {
         const content = `<a href="../../service2/index.html"></a>`;
         const root = parse(content);
         replaceLinks(root, {
-            root: __dirname,
             path: 'service1/folder/index.html',
-            tocDir: join(__dirname, 'service1'),
-        });
-        expect(platformless(root.toString())).toMatchSnapshot();
-    });
-});
-
-describe('Make image sources relative from the single page file', () => {
-    test('Image sources should not be replaced if file is root', () => {
-        const content = [
-            `<img src="_assets/index.png" alt="test">`,
-            `<img src="../../_assets/index.png" alt="test">`,
-        ].join('\n');
-        const root = parse(content);
-        replaceImages(root, {
-            root: __dirname,
-            path: 'index.html',
-            tocDir: __dirname,
-        });
-        expect(platformless(root.toString())).toMatchSnapshot();
-    });
-
-    test('Image sources should be replaced if the file is not root', () => {
-        const content = [
-            `<img src="_assets/index.png" alt="test">`,
-            `<img src="../../_assets/index.png" alt="test">`,
-        ].join('\n');
-        const root = parse(content);
-        replaceImages(root, {
-            root: __dirname,
-            path: 'folder/index.html',
-            tocDir: __dirname,
-        });
-        const result = root.toString();
-        expect(platformless(result)).toMatchSnapshot();
-    });
-
-    test('External image sources should not be replaced', () => {
-        const content = '<img src="https://ydocs.tech/favicon.png" alt="test">';
-        const root = parse(content);
-        replaceImages(root, {
-            root: __dirname,
-            path: 'index.html',
-            tocDir: __dirname,
+            tocDir: 'service1',
         });
         expect(platformless(root.toString())).toMatchSnapshot();
     });