update docs, updat styles

doc/source/page/en/guide/1-install.md

@@ -1,5 +1,5 @@
 ```toml
-title = "Install"
+title = "Install & Upgrade"
 date = "2016-02-05 15:00:00"
 slug = "en/guide/install"
 hover = "guide"
@@ -13,3 +13,6 @@ It provides `windows/386`,`windows/amd64`,`linux/386`,`linux/amd64`,`darwin/amd6
 
 The released package is zipped. Please install an unzip tool to extract, such as Winzip.
 
+#### Upgrade
+
+Just download new release file to run old contents. I will keep smooth upgrade as possible. If **something changes**, I will write the details in release note. You can follow the details to change your old contents.

doc/source/page/zh/guide/1-install.md

@@ -1,5 +1,5 @@
 ```toml
-title = "安装 PuGo"
+title = "安装和更新 PuGo"
 date = "2016-02-05 15:00:00"
 slug = "zh/guide/install"
 hover = "guide"
@@ -11,4 +11,8 @@ template = "guide.html"
 
 默认提供有 `windows/386`,`windows/amd64`,`linux/386`,`linux/amd64`,`darwin/amd64`。如果需要其他平台的版本，请阅读 [Compile](/zh/docs/dl-compile.html) 文档，手动编译对应的版本。
 
-可执行文件已经经过 zip 压缩。也许你需要安装解压缩工具。
+可执行文件已经经过 zip 压缩。也许你需要安装解压缩工具。
+
+#### 更新
+
+直接下载新的可执行文件运行旧内容。我会尽量保证 PuGo 可以平滑升级。如果有需要修正的变化，我会写在发布日志中。你可以参考这些变化修改对应的内容。

doc/theme/embed/en/guide_sidebar.html

@@ -1,7 +1,7 @@
 <div class="pure-menu">
     <ul class="pure-menu-list guide-nav">
         <li class="pure-menu-heading">Getting Started</li>
-        <li class="pure-menu-item"><a href="/en/guide/install.html" class="pure-menu-link">Install PuGo</a></li>
+        <li class="pure-menu-item"><a href="/en/guide/install.html" class="pure-menu-link">Install & Upgrade</a></li>
         <li class="pure-menu-item"><a href="/en/guide/create-new-site.html" class="pure-menu-link">Create New Site</a></li>
         <li class="pure-menu-item"><a href="/en/guide/write-new-post.html" class="pure-menu-link">Write New Post</a></li>
         <li class="pure-menu-item"><a href="/en/guide/write-new-page.html" class="pure-menu-link">Write New Page</a></li>

doc/theme/embed/zh/guide_sidebar.html

@@ -1,7 +1,7 @@
 <div class="pure-menu">
     <ul class="pure-menu-list guide-nav">
         <li class="pure-menu-heading">入门导航</li>
-        <li class="pure-menu-item"><a href="/zh/guide/install.html" class="pure-menu-link">安装 PuGo</a></li>
+        <li class="pure-menu-item"><a href="/zh/guide/install.html" class="pure-menu-link">安装和更新</a></li>
         <li class="pure-menu-item"><a href="/zh/guide/create-new-site.html" class="pure-menu-link">新建站点</a></li>
         <li class="pure-menu-item"><a href="/zh/guide/write-new-post.html" class="pure-menu-link">新建文章</a></li>
         <li class="pure-menu-item"><a href="/zh/guide/write-new-page.html" class="pure-menu-link">新建页面</a></li>

doc/theme/static/css/style.css

@@ -36,6 +36,41 @@ body {
     color: #333;
 }
 
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    padding: 0;
+    font-weight: bold;
+    margin: 1rem 0;
+}
+
+h1 {
+    font-size: 22px
+}
+
+h2 {
+    font-size: 20px
+}
+
+h3 {
+    font-size: 18px
+}
+
+h4 {
+    font-size: 16px
+}
+
+h5 {
+    font-size: 15px
+}
+
+h6 {
+    font-size: 14px
+}
+
 .pure-menu-heading{
     color: #333;
 }
@@ -233,15 +268,41 @@ pre > code{
 
 .article .brief{
     margin-top: 2em;
-    padding-top: 1.2em;
+    padding: 1.2em 3em;
     border-top: 1px dashed #DDD;
     margin-bottom: 2em;
-    padding-bottom: 1.2em;
     border-bottom: 1px dashed #DDD;
     font-size: 16px;
-    line-height: 30px
+    line-height: 30px;
+}
+
+.article .brief h1,
+.article .brief h2,
+.article .brief h3,
+.article .brief h4,
+.article .brief h5,
+.article .brief h6{
+    margin-left: -1rem;
+    padding-left: 1rem;
+}
+
+
+.article .brief h1,
+.article .brief h2 {
+    border-left: 4px solid rgba(0, 68, 204, .5);
+}
+
+.article .brief h3,
+.article .brief h4 {
+    border-left: 4px solid rgba(0, 68, 204, .3);
 }
 
+.article .brief h5,
+.article .brief h6 {
+    border-left: 4px solid rgba(0, 68, 204, .1);
+}
+
+
 #article-list h2.tag{
     text-align: center;
 }