diff --git a/dev.html b/dev.html
index dba5d41..d66b16d 100644
--- a/dev.html
+++ b/dev.html
@@ -8,5 +8,5 @@
 <body class="">
   <div id="app"></div>
 </body>
-<script src="/lib/docsify.js" data-repo="qingwei-li/docsify" data-auto2top data-sidebar-toggle data-router></script>
+<script src="/lib/docsify.js" data-repo="qingwei-li/docsify" data-name="docsify" data-auto2top data-sidebar-toggle data-router></script>
 </html>
diff --git a/src/index.js b/src/index.js
index a3604c2..b6a21e8 100644
--- a/src/index.js
+++ b/src/index.js
@@ -15,7 +15,8 @@ const OPTIONS = merge({
   homepage: 'README.md',
   coverpage: '',
   basePath: '',
-  auto2top: false
+  auto2top: false,
+  name: ''
 }, window.$docsify)
 const script = document.currentScript || [].slice.call(document.getElementsByTagName('script')).pop()
 
diff --git a/src/render.js b/src/render.js
index 9afd2d5..9b12e6d 100644
--- a/src/render.js
+++ b/src/render.js
@@ -125,12 +125,15 @@ export function renderSidebar (content) {
 
   if (content) {
     html = markdown(content)
+    // find url tag
+    html = html.match(/<ul[^>]*>([\s\S]+)<\/ul>/g)[0]
   } else if (OPTIONS.sidebar) {
     html = tpl.tree(OPTIONS.sidebar, '<ul>')
   } else {
     html = tpl.tree(genTree(toc, OPTIONS.maxLevel), '<ul>')
   }
 
+  html = (OPTIONS.name ? `<h1><a href="/">${OPTIONS.name}</a></h1>` : '') + html
   renderTo('aside.sidebar', html)
   const target = event.activeLink('aside.sidebar', true)
   if (target) renderSubSidebar(target)
diff --git a/src/themes/basic/_layout.css b/src/themes/basic/_layout.css
index 218c0b7..e8a859a 100644
--- a/src/themes/basic/_layout.css
+++ b/src/themes/basic/_layout.css
@@ -188,6 +188,18 @@ main {
   width: $sidebar-width;
   z-index: 20;
 
+  > h1 {
+    text-align: center;
+    margin: 0 auto 1em;
+    font-size: 1.5em;
+    font-weight: 300;
+
+    a {
+      color: inherit;
+      text-decoration: none;
+    }
+  }
+
   ul {
     margin: 0;
     padding: 0;
