建议配合 官方文档 来阅读本指南。本文假定你已经部署完毕 Ghost,并且对基本操作已经熟悉,如果您在部署环节有疑问,请参考:Node.js 和 Ghost 部署解惑

1. 起步

首先要了解目录结构,Ghost 主题放置在 Ghost 安装根目录下的:/content/themes/ 中。默认主题叫 casper,所以您会在此位置看到一个名叫 casper 的文件夹。

您可以直接建立该文件夹的副本,并重命名为期望的主题名称。这就已经是一个可用的"新"主题了,当然,您不可能满足于此,所以我们一起逐步深入。

1.1 修改 package.json 文件

这个文件位于主题根目录下,打开它,修改成您期望的样子吧。

{
  "name": "Couple",
  "version": "0.0.1",
  "author": "HFUN",
  "description": "采用双栏显示的 Ghost 主题,以优雅的设计展示技术文档、普通文章、图片以及视频,并在绝大多数设备上提供赏心悦目的浏览体验是 Couple 的愿景。"
}

其中 authordescription 是默认没有的,但官方文档中 建议添加

1.2 什么是 hbs 文件

您会在主题文件夹中看到很多 hbs 后缀的文件,假设您并不了解它,那么现在只需要知道这么多:

  • hbs 是 handlebars 的缩写;
  • 它们是 模版
  • 它们是为了减轻您开发主题时的工作量而存在的,同时非常容易掌握。

1.3 首页

自定义首页是 Ghost 的一个高级功能,你可以通过建立 home.hbs 文件在首页替代 index.hbs,这样你就可以