第一步

先去https://www.digitalpress.blog/申请一个免费的Ghost博客。

当然你可以用自己的主机，或者digitalocean免费的学生包。只要是Ghost就可以。

第二步

注册Netlify或者Vercel(两个都可以，自己挑选,我自己测试Vercel链接更快)

自行测试：

https://rhi-maker-vercel-rhimaker.vercel.app/

https://adoring-perlman-e8a47a.netlify.app/

登录你的GitHub

打开https://github.com/styxlab/next-cms-ghost(更多的模板去https://jamstackthemes.dev/查看)

下滑到这个地方

 如果你用Vercel就点蓝色，如果用Netlify就点绿色。

然后会提示你创建存储库，起名之类的，Vercel框架选择next，一步一步往下点。

第三步

登录你在Digitalpress创建的博客，到后台Integrations选项

Add custom integration，输入名字

第四步

Netlify：

Site settings-Build&deploy-Build hooks创建一个钩子

Vercel:

点开项目，Setting-Git-Deploy Hooks创建一个钩子

第五步

打开github，选择第二步里创建好的存储库，在根目录新建一个文件

名字为.env.local

内容

CMS_GHOST_API_URL=博客里Integrations的API URL
CMS_GHOST_API_KEY=博客里Integrations的Content API key

 

第六步

博客里新建的Integrations中Add webhook。

事件选择Site changed (rebuild)

把你在Vercel或者Netlify创建的钩子网址填进去

大功告成

这时你在博客写的东西就会自动同步到Vercel或者Netlify中。

写了以后先别急，需要等一会才能同步过去。

补充

vercel的图片会出现

400: BAD_REQUESTCode: INVALID_IMAGE_OPTIMIZE_REQUEST的情况

打开github存储库中的next.config.js

然后把图片的域名填进去，比如digitalpress的图片填

digitalpress.fra1.cdn.digitaloceanspaces.com

总之你的图片存在哪，就把那个地址填进去

如果遇到什么问题，请在下方评论