制作ghost主题

以开发模式启动ghost

cd yourghostpath
ghost start --development
# 如果你已经启动了ghost,但不是开发模式,你可以用ghost stop来结束ghost

建立主题目录

首先主题的开发环境是nodejs,所以要我们要先用nodejs构建一个项目,比如我们的项目是example:

cd yourghostpath/content/themes
mkdir example
cd example
npm init

按照提示建立好基本的package.json,ghost主题最少的要求是有2个文件:index.hbs和post.hbs,这里hbs文件是handlerbars文件,它是一个模板引擎,而ghost只支持用handlerbars,所以掌握handlerbars很重要,其实也不难,关键是要了解怎么传递值的。
目录和文件建立好了,主题就算完成了,虽然一句代码都没有,但他确实能够正常运转!

激活主题

打开你的网站后台http://localhost:2368/ghost,在Design-Themes中可以看到你的主题example,然后点击active激活,此时会弹出一个警告框,不管它,主题已经可以正常使用了,只是它是个空的,打开http://localhost:2368验证一下

###热加载

它的目的是可以实时加载刷新页面,你需要安装nodemon

# 需要先停止ghost
ghost stop
# 安装nodemon
npm install -g nodemon@latest
# 切换到你的主题目录下
cd yourthemedevpath
# 热加载
nodemon index.js --watch ./ --ext hbs,js,css

这是制作主题的基本套路,完成这些后就需要编写主题的代码了

cmlanche wechat
欢迎您扫一扫上面的微信公众号,订阅独立开发者