Skip to content
Next theme for ghost blog
HTML CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets 增加对bookmark的支持 Sep 18, 2019
partials footer version update to 0.0.9 Sep 18, 2019
.gitignore
LICENSE copy from casper theme Sep 9, 2019
README.md update readme Sep 24, 2019
SECURITY.md copy from casper theme Sep 9, 2019
author.hbs 修复twitter和facebook的链接错误 Sep 16, 2019
config.example.json copy from casper theme Sep 9, 2019
default.hbs 移动端适配 Sep 14, 2019
error-404.hbs
error.hbs copy from casper theme Sep 9, 2019
gulpfile.js copy from casper theme Sep 9, 2019
index.hbs 添加分页,更新版本号 Sep 14, 2019
package-lock.json 优化微博和微信设置,未设置对应属性值的话,不展示对应icon Sep 16, 2019
package.json 增加对bookmark的支持 Sep 18, 2019
page.hbs 修正page的编辑链接 Sep 17, 2019
post.hbs
renovate.json
tag.hbs add pagination to author and tag page Sep 14, 2019
yarn.lock

README.md

Ghost-Next-Theme

我此前的个人博客cmlanche.com是用hexo next主题制作的,但由于要写博客特别依赖本地环境,也就是说没有我本地那个电脑发布文章是不可能的,另外我也想围绕ghost生态做点事情(就是写写主题等),同时基于对next简洁风格的喜爱,我重写了ghost版本。

效果

首页

homepage

友链

youlianpage

移动端自适应

WX20190915-140405@2x_meitu_8

如何使用

下载主题

ghost主题使用很简单,不需要编译啥的,直接下载源码zip包上传到ghost后台就行,我已经release版本了,可以去这里下载。

上传主题

打开你的ghost网站的后台,找到【Design】-【Upload a theme】,如下图,然后上传下载的zip主题包,然后点击Active激活。

WX20190915-135029@2x_meitu_6

设置(可选)
  1. 设置微信、微博相关信息

如果你想让你的微信和微博生效,那么在ghost后台的【Code injection】-【Site Header】中添加如下代码:

<script>
this.theme = {
	"author": {
		"weixin": "https://indiehackers-1251406926.cos.ap-chengdu.myqcloud.com/hackers/weh85.png",
		"weibo": "https://www.weibo.com/574811002"
	}
}
</script>
  1. 设置个人相关信息

找到【Staff】,在列表中找到你的用户,编辑即可。

WX20190915-135855@2x_meitu_7

  1. 站点设置

【General】中有关于站点相关的设置,【Title & description】以及【Public logo】的设置如下图,【Public icon】也可以正常设置。

WX20190915-140846@2x_meitu_9

image-20190915141037910

开发计划

roadmap

参与开发

安装ghost环境

请到官方地址学习:local install

克隆代码

切换到你的themes目录:<你的ghost安装路径>/content/themes,克隆代码

git clone https://github.com/cmlanche/ghost-next-theme.git
激活主题

在你的本地ghost后台(http://localhost:2368/ghost)中的【Design】可以看到ghost-next-theme主题,激活active即可。

本地开发

本主题使用的构建技术是跟官方Casper一样的,都是基于gulp、yarn,前端css框架用的是bulma,模板语言采用了handerbar,我最常用的官方文档是:https://ghost.org/docs/api/v2/handlebars-themes/

本地代码有修改,可以用如下命令监控,就可以自主编译,写完代码,就可以直接在浏览器上预览效果(手动刷新哦)

yarn dev

更多开发流程,直接参考Casper即可。

You can’t perform that action at this time.