首页 » 了解 Gatsby 中的插件开发

了解 Gatsby 中的插件开发

Gatsby 是一个现代静态网站生成器,它改变了静态网站的构建方式。它结合了 React、和 GraphQL 来创建令人惊叹且速度极快的网站。在这篇文章中,我们将讨论 Gatsby 插件并开发我们自己的评论插件。 Gatsby 是一个基于 React 的静态站点生成器,它彻底改变了网站和博客的创建方式。它支持使用插件来创建标准安装中不可用的自定义功能。 在这篇文章中,我将介绍 Gatsby 插件,讨论现有的 Gatsby 插件类型,区分 Gatsby 插件的形式,最后创建一个可以在任何 Gatsby 网站上使用的评论插件,我们将安装其中一个在教程结束时。 什么是 Gatsby 插件? 作为静态站点生成器,它的功能受到限制。插件是扩展 Gatsby 的方法,具有任何未提供的现成功能。我们可以使用插件在 Gatsby 网站上完成诸如为渐进式 Web 应用程序 (PWA) 创建文件、在页面上嵌入推文、记录页面视图等任务。 Gatsby 插件的类型  Gatsby 插件有两种类型:本地插件和外部插件。

本地插件是在Gatsby项目目录下开发的

或 Yarn 提供的插件。此外,它们可能位于同一台计算机上,但在 Gatsby 网站项目中使用yk或命令进行链接。nk 参加关于前端、设计和用户体验的精彩研讨会,包括实用要点、现场会议、视频录制和友好的问答。与布拉德·弗罗斯特、斯蒂芬·沃尔特和其他许多人一起。 跳转到 伯利兹手机号码列表 研讨会 ↬ 功能面板 Gatsby 插件的形式 # 插件也以三种主要形式存在,并由其用例定义: 源插件 此类插件为 Gatsby 网站提供数据源。例如。 转换器插件 此类插件将来自其他插件源的数据转换为更可用和更易于使用的形式。示例包括gatsby- 通用插件 这些插件的作用超出了转换和获取数据的范围。值得注意的例子是sharp。我们将在这篇文章中创建一个。 Gatsby 插件的组件 # 要创建 Gatsby 插件,我们必须定义一些文件: 使得聆听 的构建过程成为可能。 主要用于配置和设置。 gatsby-允许插件在浏览器中的 Gatsby 进程之一期间运行代码。

目录下外部插件是通过

 自定义服务器端渲染 (SSR) 流程并向其添加功能。 这些文件在 Gatsby 文档中被称为 API 文件,并且应该位于插件目录的根目录中,无论是本地目录还是外部目录。 创建 Gatsby 插件并不需要所有这些文  AERO 领先件。在我们的例子中,我们将仅实现.js和gatsby 文件。 为 Gatsby 构建评论插件 为了学习如何开发 Gatsby 插件,我们将创建一个评论插件,该插件可安装在任何在 Gatsby 上运行的博客上。该插件的完整代码位于GitHub 上。 服务和加载评论  为了在网站上提供评论,我们必须提供一个允许保存和加载评论的服务器。,我们将使用已经可用的评论服务器。

类似文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注