🍁A beautiful blog theme for Ghost
Maple 主题简单美观,基于 Medium Design 现代化设计,采用响应式布局,能很好地适配不同的设备。对于文章页面,支持 TOC 文章目录和代码高亮、复制,对技术工作者比较友好。
ghost/content/themes
$ git clone https://github.com/KINGMJ/maple.git
Design
页面,选择maple
主题,点击ACTIVE
zip
文件
ghost/content/themes
Design
页面,选择maple
主题,点击ACTIVE
ghost 默认是没有标签云页面的,在 Maple 主题中是通过将文章设置为独立页面完成的。
进入 ghost 后台管理系统,新建一篇文章,标题为tag_cloud
点击文章设置,Post URL
填写tag_cloud
设置这篇文章为独立页面
社会化 icon 会显示在主页的 header 和 footer 里,以及文章详情页的作者介绍里面。为了让主题使用者修改方便,在 Maple 主题的资源文件中,我专门建立了一个custom
文件夹来放一些配置相关的内容。
maple/partials/custom
文件夹social-icon.hbs
,将里面的链接和图标替换成你自己的图标和地址。注:图标使用的是 font-awesome
friend-link.hbs
,将里面的地址替换成你自己的友链在 Maple 主题中,为了使主页更加个性化,我设置了一个开关,可以选择是否使用固定的封面或随机图片封面。
maple/partials/custom
文件夹config.hbs
,修改var enableRandomCover = true;
使用随机图片封面;修改var enableRandomCover = false;
使用固定的博客封面PS:封面图片存放在
maple/assets/images/30+wallpaper
文件夹里,你可以替换里面的图片,但请保持图片的名称不变
使用 Maple 主题后,请将网页底部的 copyright 信息修改为你自己的。只需修改博客名称及备案号信息,请保留博客发版信息及主题作者信息,谢谢合作!
maple/partials
文件夹copyright.hbs
,修改博客名及备案信息Maple 主题目前使用 Google Analytics 作为网站的统计分析工具,你需要修改UA
标识为你自己的。
default.hbs
文件ga('create', 'UA-83412029-1', 'auto');
里面的UA
标识PS:如果你没有使用Google Analytics,请将这部分代码注释掉。后面考虑通过config配置更多的分析工具
Ghost1.x 的版本,将后台修改每页显示文章数功能挪到了主题配置中,所以需要修改主题配置文件才能更改。
package.json
文件posts_per_page
的值修改为你每页需要显示的文章数
"config": {
"posts_per_page": 8
},
PS:主题所有的修改,都需要重启Ghost才生效,不要忘记了
Maple 主题会持续进行更新,这里会列出一些未来将要实现的功能
Copyright (C) 2016-2018 Jerry Mei - Released under the MIT License.