diff --git a/README.md b/README.md
index 6c2cc43c9..0df5b43bb 100644
--- a/README.md
+++ b/README.md
@@ -32,6 +32,7 @@ This Hugo theme was ported from [Bootstrapious](http://bootstrapious.com/p/unive
     * [Recent posts](#recent-posts)
     * [Meta tags](#meta-tags)
 * [Usage](#usage)
+    * [on Dat](#publish on dat)
 * [Contributing](#contributing)
 * [License](#license)
 * [Thanks](#thanks)
@@ -429,6 +430,16 @@ Now enter [`localhost:1313`](http://localhost:1313) in the address bar of your b
 
 For more information check out the official [Hugo documentation](http://gohugo.io/overview/usage/).
 
+###publish on dat
+
+To create a version of the website to publish in on dat, you will need to run:
+
+```
+$ hugo --config config.toml,config_todat.toml
+```
+
+A new folder will be created, share that folder on the dat network, then copy the dat address and use it as the baseURL, do not forget to add a slash at the end of the baseURL.
+Run the command again, and reload the dat sharing, the website should be nice looking on the beakerbrowser. Be careful, small caps and capitals are treated differently on dat, while it is not on http sites (image file names,...).
 
 ## Contributing
 
diff --git a/exampleSite/config_todat.toml b/exampleSite/config_todat.toml
new file mode 100644
index 000000000..92520f1eb
--- /dev/null
+++ b/exampleSite/config_todat.toml
@@ -0,0 +1,2 @@
+baseurl = 'dat://xxx/'
+publishDir = 'public-dat'
\ No newline at end of file
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 55dfb8e26..3a07eb426 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -28,7 +28,7 @@
                             <div class="row">
                                 <div class="col-md-4">
                                   <div class="image">
-                                      <a href="{{ .Permalink }}">
+                                      <a href="{{ .Permalink | safeURL }}">
                                           {{ if .Params.banner }}
                                           <img src="{{ .Site.BaseURL}}{{ .Params.banner }}" class="img-responsive" alt="">
                                           {{ else }}
@@ -38,7 +38,7 @@
                                   </div>
                                 </div>
                                 <div class="col-md-8">
-                                    <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
+                                    <h2><a href="{{ .Permalink | safeURL }}">{{ .Title }}</a></h2>
                                     <div class="clearfix">
                                         <p class="author-category">
                                           {{ if isset .Params "author" }}
@@ -52,11 +52,11 @@ <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
 
                                         </p>
                                         <p class="date-comments">
-                                            <a href="{{ .Permalink }}"><i class="fa fa-calendar-o"></i> {{ .Date.Format .Site.Params.date_format }}</a>
+                                            <a href="{{ .Permalink | safeURL }}"><i class="fa fa-calendar-o"></i> {{ .Date.Format .Site.Params.date_format }}</a>
                                         </p>
                                     </div>
                                     <p class="intro">{{ .Summary }}</p>
-                                    <p class="read-more"><a href="{{ .Permalink }}" class="btn btn-template-main">{{ i18n "continueReading" }}</a>
+                                    <p class="read-more"><a href="{{ .Permalink | safeURL }}" class="btn btn-template-main">{{ i18n "continueReading" }}</a>
                                     </p>
                                 </div>
                             </div>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index bfd502ef9..2f139ce14 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -22,7 +22,7 @@ <h4>{{ i18n "recentPosts" }}</h4>
                 {{ range first 3 (where .Site.Pages "Type" "blog") }}
                 <div class="item same-height-row clearfix">
                     <div class="image same-height-always">
-                        <a href="{{ .Permalink }}">
+                        <a href="{{ .Permalink | safeURL }}">
                           {{ if isset .Params "banner" }}
                             <img src="{{ .Site.BaseURL}}{{ .Params.banner }}" class="img-responsive" alt="{{ .Title }}">
                           {{ else }}
@@ -31,7 +31,7 @@ <h4>{{ i18n "recentPosts" }}</h4>
                         </a>
                     </div>
                     <div class="name same-height-always">
-                        <h5><a href="{{ .Permalink }}">{{ .Title }}</a></h5>
+                        <h5><a href="{{ .Permalink | safeURL }}">{{ .Title }}</a></h5>
                     </div>
                 </div>
                 {{ end }}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 4f0293aa9..4e07a49e9 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -20,25 +20,25 @@
 
   {{ .Hugo.Generator }}
 
-  <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
 
   <!-- Bootstrap and Font Awesome css -->
-  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
-  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
   <!-- Css animations  -->
-  <link href="{{ "css/animate.css" | relURL}}" rel="stylesheet">
+  <link href="{{ .Site.BaseURL }}css/animate.css" rel="stylesheet">
 
   <!-- Theme stylesheet, if possible do not edit this stylesheet -->
   {{ if and (isset .Site.Params "style") .Site.Params.style }}
-    <link href="{{ "css/style" | relURL}}.{{ .Site.Params.style }}.css" rel="stylesheet" id="theme-stylesheet">
+    <link href="{{ .Site.BaseURL }}css/style.{{ .Site.Params.style }}.css" rel="stylesheet" id="theme-stylesheet">
   {{ else }}
-    <link href="{{ "css/style.default.css" | relURL}}" rel="stylesheet" id="theme-stylesheet">
+    <link href="{{ .Site.BaseURL }}css/style.default.css" rel="stylesheet" id="theme-stylesheet">
   {{ end }}
 
 
   <!-- Custom stylesheet - for your changes -->
-  <link href="{{ "css/custom.css" | relURL}}" rel="stylesheet">
+  <link href="{{ .Site.BaseURL }}css/custom.css" rel="stylesheet">
 
   <!-- Responsivity for older IE -->
   {{ `
@@ -49,14 +49,14 @@
   ` | safeHTML }}
 
   <!-- Favicon and apple touch icons-->
-  <link rel="shortcut icon" href="{{ "img/favicon.ico" | relURL }}" type="image/x-icon" />
-  <link rel="apple-touch-icon" href="{{ "img/apple-touch-icon.png" | relURL }}" />
+  <link rel="shortcut icon" href="{{ .Site.BaseURL }}img/favicon.ico" type="image/x-icon" />
+  <link rel="apple-touch-icon" href="{{ .Site.BaseURL }}img/apple-touch-icon.png" />
   <!-- owl carousel css -->
 
-  <link href="{{ "css/owl.carousel.css" | relURL}}" rel="stylesheet">
-  <link href="{{ "css/owl.theme.css" | relURL}}" rel="stylesheet">
+  <link href="{{ .Site.BaseURL }}css/owl.carousel.css" rel="stylesheet">
+  <link href="{{ .Site.BaseURL }}css/owl.theme.css" rel="stylesheet">
 
-  <link rel="alternate" href="{{ "/index.xml" | absURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
+  <link rel="alternate" href="{{ .Site.BaseURL }}index.xml" type="application/rss+xml" title="{{ .Site.Title }}">
 
   <!-- Facebook OpenGraph tags -->
   <meta property="og:title" content="{{ .Title }}" />
diff --git a/layouts/partials/recent_posts.html b/layouts/partials/recent_posts.html
index 660d61f58..1e2bc419b 100644
--- a/layouts/partials/recent_posts.html
+++ b/layouts/partials/recent_posts.html
@@ -31,13 +31,13 @@ <h2>{{ .Site.Params.recent_posts.title }}</h2>
                             <div class="bg"></div>
                             <div class="text">
                                 <p class="buttons">
-                                    <a href="{{ .Permalink }}" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> {{ i18n "readMore" }}</a>
+                                    <a href="{{ .Permalink | safeURL }}" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> {{ i18n "readMore" }}</a>
                                 </p>
                             </div>
                         </div>
 
                         <div class="content">
-                            <h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
+                            <h4><a href="{{ .Permalink | safeURL }}">{{ .Title }}</a></h4>
                             <p class="author-category">
                             {{ with .Params.author }}
                             {{ i18n "authorBy" }} <a href="#">{{ . }}</a>
@@ -46,7 +46,7 @@ <h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
                             </p>
                             <p class="intro">{{ .Summary }}</p>
                             <p class="read-more">
-                              <a href="{{ .Permalink }}" class="btn btn-template-main">{{ i18n "continueReading" }}</a>
+                              <a href="{{ .Permalink | safeURL }}" class="btn btn-template-main">{{ i18n "continueReading" }}</a>
                             </p>
                         </div>
                     </div>
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 33d9762d6..e6ea0e054 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -1,15 +1,15 @@
 {{ template "_internal/google_analytics.html" . }}
-<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
-<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 
-<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
-<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
-<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
-<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
 {{ if .Site.Params.googleMapsApiKey }}
-<script src="//maps.googleapis.com/maps/api/js?key={{.Site.Params.googleMapsApiKey}}&v=3.exp"></script>
+<script src="https://maps.googleapis.com/maps/api/js?key={{.Site.Params.googleMapsApiKey}}&v=3.exp"></script>
 {{ else }}
-<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
+<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
 {{ end }}
 <script src="{{ .Site.BaseURL }}js/hpneo.gmaps.js"></script>
 <script src="{{ .Site.BaseURL }}js/gmaps.init.js"></script>
diff --git a/layouts/partials/testimonials.html b/layouts/partials/testimonials.html
index ec259845f..e9c4e4cf7 100644
--- a/layouts/partials/testimonials.html
+++ b/layouts/partials/testimonials.html
@@ -26,7 +26,7 @@ <h2>{{ .Site.Params.testimonials.title }}</h2>
                                 <div class="icon"><i class="fa fa-quote-left"></i>
                                 </div>
                                 <div class="name-picture">
-                                    <img class="" alt="" src="{{ .avatar | absURL }}">
+                                    <img class="" alt="" src="{{ .avatar | safeURL }}">
                                     <h5>{{ .name }}</h5>
                                     <p>{{ .position }}</p>
                                 </div>