美文网首页程序员让前端飞Ghost
使用ghost博客自定义主题caspro

使用ghost博客自定义主题caspro

作者: softbone | 来源:发表于2018-01-04 20:58 被阅读237次

caspro主题简洁美观,采用响应式设计,能很好的适配不同设备。

1. 必要条件

  • ghost博客1.x

2.预览

demo

首页

home.png

blog文章主页

blog.png

文章page

page1.png page2.png page3.png

3.正常运行主题的步骤

  • 下载主题zip压缩包之后,登录ghost博客后台,在Design栏中,上传caspro主题压缩包,active。
  • 在Team栏找到自己的账号,查看对应的链接
  • 在Design栏,Navigation设置导航,例添加blog导航对应的URL就为你账号的链接,一般为 http://host/author/youname
  • 可添加其他导航项,设置为想要跳转的URL
  • 如果想要跳转到自定义的页面,需要在后台添加两篇能作为单独页面的文章。设置导航URL分别为两篇文章的URL
  • 创建 page-URL.hbs 模板文件,这个文件即是自定义页面的模板文件。如:我在后台添加了单独页面的文章,设置其URL为http://localhost/travelib。则需要创建page-travelib.hbs文件,然后在导航栏添加travelib一项,设置其链接为http://localhost/travelib。这样点击导航项即可跳转到page-travelib.hbs模板生成的页面。

下面是参考:
1.作为单独页面的文章


image.png

2.文章的链接


image.png

3.设置导航栏


nav.png

4.创建hbs模板文件


image.png

相关文章

  • 使用ghost博客自定义主题caspro

    caspro主题简洁美观,采用响应式设计,能很好的适配不同设备。 1. 必要条件 ghost博客1.x 2.预览 ...

  • ghost博客主题自荐

    演示示例 一、ghost-theme-mj主题简介 这是一个Ghost博客主题,Ghost博客是一个很不错的写作平...

  • ghost-theme-mj主题介绍

    演示示例 一、ghost-theme-mj主题简介 这是一个Ghost博客主题,Ghost博客是一个很不错的写作平...

  • 读Ghost博客源码与自定义Ghost博客主题

    我使用的Ghost博客一直使用者默认的Casper主题。我向来没怎么打理过自己博客,一方面认为自己不够专业,很难写...

  • Ghost博客主题更换

    主题文件目录 项目根目录/content/themes/ 默认有两个主题,如果你想要更多主题,那么去下载开源的、免...

  • Ghost博客一键安装脚本,使用Caddy作为反向代理,并自动签

    说明:Ghost博客是一款精巧,轻便的博客,也支持Markdown语法,普通海外人使用的至多,之前发过Ghost一...

  • Hexo 新手记

    准备使用 hexo 来写博客 自定义主题 hexo-theme-3-hexo 是个很棒的主题,要使用它,可以按以下...

  • 我的新博客

    最近新鼓捣了一个新的个人博客,使用Ghost 博客框架搭建.非常棒! 博客搭建过程 使用Docker 搭建Ghos...

  • Ghost博客平台使用体验

    Ghost概述 Ghost 是基于 Node.js 的开源博客平台,由前 WordPress UI 部门主管Joh...

  • Ghost博客的安装使用

    Ghost博客不同于一般常见的博客程序,Ghost依赖的是node.js环境,不同其它是PHP环境,所以,虚拟主机...

网友评论

    本文标题:使用ghost博客自定义主题caspro

    本文链接:https://www.haomeiwen.com/subject/fjddnxtx.html