Ghost 开源博客平台

Ghost 是一个简洁、强大的写作平台。你只须专注于用文字表达你的想法就好,其余的事情就让 Ghost 来帮你处理吧。

如何制作一个自定义的页面(译)

在某些时候默认的模板或者主题没法满足你的要求,或者你需要的是一个完全自定义的页面的时候,通过下文你可以轻松的创建一个独立页面主题。


登陆到你的ghost后台

老规矩不多说

创建一个静态页面

假如你想建立一个叫做Contact的静态页面用来放置你的联系方式,你首先需要在后台建立一个静态页面 步骤如下

  • 在后台点击新建博文
  • 写上你的网站标题(例如Contact)
  • 通过点击“齿轮”图标按钮,选中“设置为独立页面”
  • 发布你的静态网页 注意记住你的网站标题如果标题为contact那么url就是你的域名/contact, 如果标题中间有空格(不建议)比如contact me,那么url就是你的域名/contact-me

详细步骤参考文章:

如何在ghost上发布一个静态页面(译)

创建一个自定义页面模板

现在,我们已经创建了一个静态的页面,我们需要创建一个自定义页面模板的主题。为此,首先创建一个新文件在你的主题的根目录。网页模板写法为“page-”加上页面的URL后缀。所以,例如:如果你有一个页面url为你的域名/about那么你的文件就是page-about.hbs hbs

创建网页模板

你可以从主题文件夹下的page.hbs文件拷贝代码到你的自定义页面。复制完成后注意保存。 page

修改你的页面代码

你现在可以对你的代码进行任何修改,(其实复制不复制page里面的代码都可以)你的所有修改都将显示在你的静态页面中。


原文地址:http://support.ghost.org/create-custom-page-template/

ivenofanta
关于作者 ivenofanta