二、更换你的Ghost主题

在上一篇文章中，我们自己手动搭建了Ghost博客，但是不是觉得官方默认的主题不是那么好看。自己搭建博客玩的就是个性化，可以随心所欲，所以我们的主题也要替换了。这篇文章就是教大家去主题市场找到一款适合自己的主题并替换。

Ghost主题下载

Ghost的主题放在content/themes里面，我们之前下载的那个版本里面是默认有两个主题的。
如果想用其他的主题替换默认的Casper主题，可以下载解压至content/themes里即可
我这里使用的是Ghost中文网推荐的Ghostium主题，点击下载

切换到新添加的主题

• 重启Ghost。往content/themes里面添加了新的主题文件夹，Ghost不会立即发现，需要重启

• 登录后台管理页面，在全局设置里面有博客主题选项，点击后可以看到刚下载的主题。选择后点击保存即可。

• 进入博客前台页面，可以看到已经换成了新的主题样式

  

  QQ截图20160909131728.png-3.7kB

主题介绍

1.Ghost主题文件结构

一个完整的Ghost主题包括哪些内容呢，我们可以参考一下默认的casper主题

QQ截图20160909133346.png-25.4kB

里面 index.hbs, post.hbs, package.json文件是必须的， 官方文档里面有很详细的解释，英文不吃力的话可以阅读下。
中文文档其实也有，不过这个网站用的 fonts.useso.com字体老是加载失败，导致网站打不开。这里教大家一个办法，谷歌浏览器 F12打开调试模式，找到引入这个字体的语句，如下，直接按 Delete删掉即可。

QQ截图20160909135017.png-87.8kB

官方推荐的架构如下：

├── /assets
    ├── /css
        ├── screen.css
    ├── /fonts
    ├── /images
    ├── /js
├── /partials
    ├── list-post.hbs
├── default.hbs
├── index.hbs [required]
└── post.hbs [required]
└── package.json [required]

每个文件具体做什么用的，我就不多说了，文档介绍的很详细。这里讲一下package.json文件，玩过node.js的同学都知道这是什么，这里至少包含主题的名字和版本号，如下，你在后台主题列表看到的主题名字就是在这个文件里定义的，而不是你主题的文件夹名。

{
  "name": "Casper-zh",
  "version": "1.2.5"
}

2.Handlebars介绍

Handlebars是Ghost使用的模板语言，想了解的可以去看一下handlebars文档
我们博客里面用到的在Helper Overview里面都列出来了，不懂得可以参考这里。