Merge branch 'master' of github.com:onevcat/vno

README.md

@@ -44,7 +44,7 @@ When you get ready, just clone the repo to a folder under your blog's theme fold
 
 #### Image and Color
 
-Place your cover image under `assets/images/` folder and replace the default image file `background-cover.jpg`. You can change the cover overlap color as well. Change the `cover-orange` in the line of `<div class="panel-cover--overlay cover-orange"></div>` in `partials/side-panel.hbs` to the color you like. There are 7 options by default: 
+Place your cover image under `assets/images/` folder and replace the default image file `background-cover.jpg`(You can also change it in your blog setting). You can change the cover overlap color as well. Change the `cover-orange` in the line of `<div class="panel-cover--overlay cover-orange"></div>` in `partials/side-panel.hbs` to the color you like. There are 7 options by default: 
 
 * `cover-blue` - #2568A3
 * `cover-green` - #156F78
@@ -191,7 +191,7 @@ Vno 是基于 SASS 创建的，但是如果您不再希望继续维护可扩展
 
 #### 图片和颜色
 
-将您的封面图片放到主题的 `assets/images/` 下，替换掉原来的 `background-cover.jpg` 文件即可。您也可以改变封面的颜色。找到 `partials/side-panel.hbs` 文件，将 `<div class="panel-cover--overlay cover-orange"></div>` 中的 `cover-orange` 替换成您需要的颜色即可。默认为您提供了七种选择：
+将您的封面图片放到主题的 `assets/images/` 下，替换掉原来的 `background-cover.jpg` 文件即可（您也可以在博客的设定页面中进行更改）。您也可以改变封面的颜色。找到 `partials/side-panel.hbs` 文件，将 `<div class="panel-cover--overlay cover-orange"></div>` 中的 `cover-orange` 替换成您需要的颜色即可。默认为您提供了七种选择：
 
 * `cover-blue` - #2568A3
 * `cover-green` - #156F78

assets/css/vno.css

@@ -386,7 +386,7 @@ hr {
   vertical-align: middle;
   position: relative;
   z-index: 800;
-  padding: 0 60px; }
+  padding: 0 30px; }
 
 .panel-main__content {
   max-width: 620px;

assets/js/main.js

@@ -50,4 +50,7 @@ $(document).ready(function() {
 
     $('.btn-mobile-menu__icon').toggleClass('fa fa-list fa fa-angle-up animated fadeIn');
   });
-});
+});
+$(document.links).filter(function() {
+    return this.hostname != window.location.hostname;
+}).attr('target', '_blank');

assets/scss/components/_panels.scss

@@ -102,7 +102,7 @@
       vertical-align: middle;
       position: relative;
       z-index: 800;
-      padding: 0 60px;
+      padding: 0 30px;
     }
 
     .panel-main__content {

partials/side-panel.hbs

@@ -7,7 +7,7 @@
         {{#if @blog.logo}}
         <a href="{{@blog.url}}" title="前往 {{@blog.title}} 的主页"><img src="{{@blog.logo}}" width="80" alt="{{@blog.title}} logo" class="panel-cover__logo logo" /></a>
         {{/if}}
-        <h1 class="panel-cover__title panel-title"><a href="{{@blog.url}}" title="link to homepage for {{@blog.title}}">{{@blog.title}}</a></h1>
+        <h1 class="panel-cover__title panel-title"><a href="{{@blog.url}}" title="前往 {{@blog.title}} 的主页">{{@blog.title}}</a></h1>
         <span class="panel-cover__subtitle panel-subtitle">上善若水，人淡如菊</span>
         <hr class="panel-cover__divider" />
         <p class="panel-cover__description">{{@blog.description}}</p>