402v

From where：Ghost博客搭建系列之四 - Octopress迁移

终于等到了这激动人心的时刻，迁移Ghost最主要的原因是看中了@onevcat用的这款主题vno，配置主题的过程总是很开心的。

###Vno主题

@onevcat的这款主题vno是基于daleanthony的uno，并做了一些改造。

Ghost的主题使用方式很简单，选择了合适的主题之后，把主题项目clone到Ghost服务器的/var/www/ghost/content/theme目录下。

还是先登录服务器：
```
 ssh root@[droplet ip]
```
使用Git（版本控制工具，Droplet初始状态就已经有了）将主题项目下载到Droplet的Ghost目录下。
```
 git clone https://github.com/onevcat/vno /var/www/ghost/content/theme
```

如果想对vno项目做一些个性化的改造，或者保存个性化信息（比如社交账号），可以直接Fork了@onevcat的项目，方便保存自己的修改。比如这是我fork的vno项目：

    git clone https://github.com/kimimaro/vno /var/www/ghost/content/theme

3. 重启Ghost使主题加载进来：

    service ghost restart

4. 然后回到Ghost的管理后台your-blog-url.com/ghost，选择SETTINGS中的General标签，页面下方的theme中可以看到除了默认的Casper主题外，多了一个Vno - 0.1.0主题，选择它。

点击右上角save按钮保存，刷新博客站点your-blog-url.com，Bang！（PS. 如果这里没有Bang的话，尝试多刷新几次页面或者强制刷新）

新的主题已经安装上，可以点来点去欣赏一下，超爱这个主题，移动端页面的样式也很好看。

点来点去发现很多链接一点都进到了@onevcat的各种主页，于是接下来进行一系列的改造配置。这部分配置都是在主题源码中直接进行的，所以为了保存方便强烈建议在Github上Fork一份工程到自己的代码库中，点击右边的这个按钮然后跟着走就好了。

改造的内容有但不限于如下这些：

默认Cover，对应的事assets/images/这个目录下的background-cover.jpg文件。
- 替换成自己要的图片。这一步也可以在Ghost管理后台的Greneral中完成，如果在这里修改的话会优先用这里设置的，没有的话会去读取默认Cover；
- 如果Cover要改名字的话就全局代码搜一下background-cover.jpg替换成对应的文件名字；
- uno主题的cover上还有一个蒙层，使用一句html代码来控制的，代码在partials/side-panel.hbs文件的<div class="panel-cover--overlay cover-orange"></div>这里。支持把cover-orange改成下面其中配色：
- cover-blue - #2568A3
- cover-green - #156F78
- cover-purple - #493252
- cover-red - #E25440
- cover-orange - #FB9C50
- cover-slate - #3D4260
- cover-disabled - Transparent
默认Logo，assets/images/这个目录下还有一个文件favicon.png，替换它可以替换默认的用户头像，比如猫神的是那只猫，我的是只被电抽了的小鸟。

同样头像设置也可以在Ghost管理后台的Greneral中完成。

焚一炉香，饮一壶茶 这部分是vno设置的bio，We reject xxx 这部分是在Ghost管理后台的General里面设置的Blog Description（FYI. 这句话是92年David Clark教授在IETF会议上说的）。

评论系统。默认使用最负盛名的Disqus.
- 如果要换成国内的一些同类产品需要修改partials/comments.hbs内的源码，这些网站都有添加的教程，修改起来也比较容易；
- 继续使用Disqus需要在Disqus站点内找到short name，然后修改partials/comments.hbs文件中的disqus_shortname一行。Disqus short name在Disqus admin页面选择一个site，在site的Basic信息中可以找到；
- vno默认是不显示评论部分的，修改了disqus_shortname之后要展示评论部分，需要将post.hbs文件内评论部分的代码注释去掉，即从{{!-- {{> comments}} --}}修改成{{> comments}}。注意{等字符串不要替换错了，否则会导致详情页加载不出来；
- 重启Ghost服务，使修改生效。
```
   service ghost restart
```
邮件订阅系统。Google Reader的关闭宣告了RSS阅读时代的终将逝去，我现在关注感兴趣的技术博客方式就是邮件订阅，这里Ghost和vno主题分别给了两种方案，配置方式放在单独的一块说一下。

Ghost博客搭建系列之五 - Vno主题