文章页使用 SSR 减少对 Ghost API 的依赖

[ddiu8081]

背景

由于 Moegi-Theme 2 使用了前端框架配合 Ghost API 来动态获取数据，并没有使用 Ghost 标准的 handlebars 静态模板实现，这就导致站点的所有数据都需要 js 重新从接口获取，这就造成几个问题：

• SEO不友好
• 进入页面不能立即看到内容，需要等待接口返回数据
• 无法渲染文章草稿（由于 Content API 只能获取面向访客的内容，草稿属于未公开的内容无法获取）
• 文章页需要 4-5 次接口请求（获取站点信息、获取文章内容、获取独立页面内容、获取上一篇、获取下一篇）

思路

由于 Ghost 会服务端渲染 handlebars 主题，所以可以通过利用渲染好的内容来读取内容，从而减少甚至取消对 API 的依赖。

准备采用的方法是将预渲染的内容标记好 id 后 hidden 掉，然后 js 中通过 id 获取内容插入到新的 DOM 树中。