diff --git a/_docs/example.tmpl.html b/_docs/example.tmpl.html
index 7d70c3c52..3192b3985 100644
--- a/_docs/example.tmpl.html
+++ b/_docs/example.tmpl.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - {{.Example.Name}}</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -33,7 +33,7 @@
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/index.tmpl.html b/_docs/index.tmpl.html
index 27f8aed21..4b7202116 100644
--- a/_docs/index.tmpl.html
+++ b/_docs/index.tmpl.html
@@ -3,13 +3,13 @@
 <link rel="shortcut icon" href="./favicon.png" type="image/png">
 <link rel="icon" href="./favicon.png" type="image/png">
 <title>Ebiten - A simple SNES-like 2D game library in Go</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="./stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="./stylesheets/highlight-github.css">
+<link rel="stylesheet" href="./stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="./">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav">
@@ -96,7 +96,7 @@ game. There you have it, your first Ebiten game!</p>
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="./scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/alphablending.html b/_docs/public/examples/alphablending.html
index 12e0b908d..e52fad75d 100644
--- a/_docs/public/examples/alphablending.html
+++ b/_docs/public/examples/alphablending.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - alphablending</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -111,7 +111,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/audio.html b/_docs/public/examples/audio.html
index b194b64b1..2099499fc 100644
--- a/_docs/public/examples/audio.html
+++ b/_docs/public/examples/audio.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - audio</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -320,7 +320,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/blocks.html b/_docs/public/examples/blocks.html
index f3f79526a..30277da9b 100644
--- a/_docs/public/examples/blocks.html
+++ b/_docs/public/examples/blocks.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - blocks</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -34,7 +34,7 @@
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/font.html b/_docs/public/examples/font.html
index a8b7f86aa..b3a87de95 100644
--- a/_docs/public/examples/font.html
+++ b/_docs/public/examples/font.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - font</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -128,7 +128,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/gamepad.html b/_docs/public/examples/gamepad.html
index 54c78fe86..a7fff6613 100644
--- a/_docs/public/examples/gamepad.html
+++ b/_docs/public/examples/gamepad.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - gamepad</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -88,7 +88,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/hsv.html b/_docs/public/examples/hsv.html
index 897c07c06..9442a07da 100644
--- a/_docs/public/examples/hsv.html
+++ b/_docs/public/examples/hsv.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - hsv</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -125,7 +125,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/hue.html b/_docs/public/examples/hue.html
index 0ae8d3c77..46f9a1f4f 100644
--- a/_docs/public/examples/hue.html
+++ b/_docs/public/examples/hue.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - hue</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -78,7 +78,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/keyboard.html b/_docs/public/examples/keyboard.html
index f52d23179..1e6da4172 100644
--- a/_docs/public/examples/keyboard.html
+++ b/_docs/public/examples/keyboard.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - keyboard</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -149,7 +149,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/masking.html b/_docs/public/examples/masking.html
index 862264da7..d1fbc537f 100644
--- a/_docs/public/examples/masking.html
+++ b/_docs/public/examples/masking.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - masking</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -162,7 +162,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/mosaic.html b/_docs/public/examples/mosaic.html
index e43a026f9..996b8840e 100644
--- a/_docs/public/examples/mosaic.html
+++ b/_docs/public/examples/mosaic.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - mosaic</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -86,7 +86,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/noise.html b/_docs/public/examples/noise.html
index deb272496..54a42b6f5 100644
--- a/_docs/public/examples/noise.html
+++ b/_docs/public/examples/noise.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - noise</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -94,7 +94,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/paint.html b/_docs/public/examples/paint.html
index 6f1c5d347..2eb239611 100644
--- a/_docs/public/examples/paint.html
+++ b/_docs/public/examples/paint.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - paint</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -136,7 +136,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/perspective.html b/_docs/public/examples/perspective.html
index 592626676..d16711e8a 100644
--- a/_docs/public/examples/perspective.html
+++ b/_docs/public/examples/perspective.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - perspective</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -99,7 +99,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/piano.html b/_docs/public/examples/piano.html
index fa02e2542..cace14582 100644
--- a/_docs/public/examples/piano.html
+++ b/_docs/public/examples/piano.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - piano</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -268,7 +268,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/rotate.html b/_docs/public/examples/rotate.html
index fbca3e863..f965c2e23 100644
--- a/_docs/public/examples/rotate.html
+++ b/_docs/public/examples/rotate.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - rotate</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -79,7 +79,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/examples/sprites.html b/_docs/public/examples/sprites.html
index ac794607d..706ee79f7 100644
--- a/_docs/public/examples/sprites.html
+++ b/_docs/public/examples/sprites.html
@@ -2,13 +2,13 @@
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
 <title>Ebiten example - sprites</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="../stylesheets/highlight-github.css">
+<link rel="stylesheet" href="../stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="..">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right">
@@ -182,7 +182,7 @@ func main() {
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="../scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/_docs/public/index.html b/_docs/public/index.html
index 6af1cb494..1ac3e0be5 100644
--- a/_docs/public/index.html
+++ b/_docs/public/index.html
@@ -3,13 +3,13 @@
 <link rel="shortcut icon" href="./favicon.png" type="image/png">
 <link rel="icon" href="./favicon.png" type="image/png">
 <title>Ebiten - A simple SNES-like 2D game library in Go</title>
-<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="/stylesheets/highlight-github.css">
-<link rel="stylesheet" href="/stylesheets/ebiten.css">
+<link rel="stylesheet" href="./stylesheets/bootstrap.min.css">
+<link rel="stylesheet" href="./stylesheets/highlight-github.css">
+<link rel="stylesheet" href="./stylesheets/ebiten.css">
 
 <header class="navbar"><div class="container">
   <div class="navbar-header">
-    <a class="navbar-brand" href="/">Ebiten</a>
+    <a class="navbar-brand" href="./">Ebiten</a>
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav">
@@ -124,7 +124,7 @@ game. There you have it, your first Ebiten game!</p>
   <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
 </div></footer>
 
-<script src="/scripts/highlight.pack.js"></script>
+<script src="./scripts/highlight.pack.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){