
拥抱 Gatsby,用 React 搭建完整博客系统(五)—— 从 Strapi 获取数据并生成页面
按照之前文章内容,我们已经搭建好了 Strapi 环境,创建了我们网站所需要的内容类型,并添加了测试数据。下一步需要的就是获取 Strapi 中的数据,并使用 Strapi 中的数据渲染页面,本部分内容就将实现这一功能。 ... 阅读全文
按照之前文章内容,我们已经搭建好了 Strapi 环境,创建了我们网站所需要的内容类型,并添加了测试数据。下一步需要的就是获取 Strapi 中的数据,并使用 Strapi 中的数据渲染页面,本部分内容就将实现这一功能。 ... 阅读全文
在本系列文章的前三篇中,我们已经搭建了 Gatsby 环境,并通过渲染本地 Markdown 文件来生成页面,我们的网站也已经成功进行了部署。如果你的要求只是想要搭建一个渲染本地 Markdown 生成的静态网站,依靠目前的内容已经完全足够,剩下的就是编写样式,以及通过 Gatsby 的插件实现一些其他功能。 但本系列文章的目标远不止此,我们想要的是让 Gatsby 与 Strapi 强强联合,给我们的网站添加内容后台管理系统,甚至借助于某些特性实现准动态网站的效果。从本篇开始,我们就将一起体验 Strapi 的强大功能。 ... 阅读全文
在本系列的前两篇中,我们已经使用了官方基础模板搭建好了我们的 Gatsby 博客,并通过数据源插件实现了目录文件的读取。 但数据源插件只能够获取到文件本身的信息,却无法读取到文件内容,要读取文件内容,就需要数据源转换插件的帮助了。 本篇就将以 `markdown` 文件为例,讲解一下数据源转换插件的使用。 ... 阅读全文
在本系列文章的第一篇中,我们已经成功搭建了我们的 Gatsby 网站。我们可以随意的使用 React 为网站添加页面,但我们的网站不可能完全依赖于我们手写每一个页面,我们需要外部数据的参与。 本篇内容就将讲述如何让 Gatsby 读取到本地文件,我们的目标是从本地读取文件,并将文件列表展示在页面中。 ... 阅读全文
个人网站是程序员的标配,目前看来,Jekyll、Hexo、Hugo 之类的静态博客已经成为主流,WordPress 和 Ghost 等也仍然有一定市场。而作为一名前端开发,自然不能满足于样式和结构上都只能遵从于使用的主题,我们要掌控我们自己的网站。 ... 阅读全文