利用Netlify/Vercel和Digitalpress搭建免费Ghost静态博客
作者：互联网
第一步
先去https://www.digitalpress.blog/申请一个免费的Ghost博客。
当然你可以用自己的主机，或者digitalocean免费的学生包。只要是Ghost就可以。
第二步
注册Netlify或者Vercel(两个都可以，自己挑选,我自己测试Vercel链接更快，但是点进文章图片会重新加载)
自行测试：
https://rhi-maker-vercel.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
总之你的图片存在哪，就把那个地址填进去
标签：Ghost,Digitalpress,Netlify,Integrations,博客,API,https,Vercel 来源： https://www.cnblogs.com/RhiTake/p/15111031.html