什么是盖茨比?它是WordPress的竞争对手吗?

什么是盖茨比?它是WordPress的竞争对手吗?

什么是盖茨比?它是WordPress的竞争对手吗?
СОДЕРЖАНИЕ
02 июня 2020

什么是盖茨比


有了许多选择,您可以在2020年建立网站或博客,这就是Gatsby这个新事物-游戏中最年轻的玩家,可能只是WordPress,Joomla等经典途径的可行替代品。还是?盖茨比到底是什么?在盖茨比建立和部署网站有多容易?盖茨比与WordPress相比如何?有很多问题要回答.

这是《盖茨比》入门指南以及它与WordPress的比较方式。在本文结尾处,您应该可以回答盖茨比是否适合您的网站需求.

什么是盖茨比?

盖茨比

最简单的答案 "什么是盖茨比" 问题是这样的: 盖茨比 (又名GatsbyJS)是基于ReactJS构建的静态网站生成器.

用最简单的定义,静态网站是一组HTML页面,当查看者访问它时,它不会从数据库中提取任何数据。因此,静态站点对每个访问者而言都是相同的。静态站点的加载速度也更快,因为服务器向每个访问者发送相同的响应。但是,您无法为访问者自定义内容.

另一方面,使用WordPress托管的网站是动态的,这意味着显示的内容取决于访问者。服务器分析每个请求并决定如何响应.

a一个 "静态WordPress网站" 这是我们在此博客的先前文章之一中探讨的内容。无头的WordPress。 Gatsby是另一种使静态WordPress或WordPress静态替代成为可能的技术.

盖茨比入门

好的,现在我们知道了盖茨比是什么,让我们学习如何最好地开始使用它:

Gatsby是使用React构建的,因此,在真正投入使用之前,必须具备一些JavaScript及其框架的知识。这是针对WordPress开发人员的JavaScript教程.

在Gatsby上创建站点的开发版本之前,第一步是使系统准备好安装Gatsby。由于Gatsby是使用React构建的,因此软件包管理是通过npm完成的,这是所有NodeJS安装的一部分.

如果您的开发计算机在Windows或MacOS上运行,则只需使用以下一种 NodeJS下载页面上的安装程序. 在Linux环境中,您可以使用yum之类的软件包安装程序或apt来安装它.

sudo apt更新
sudo apt安装nodejs npm

此外,Gatsby要求您安装版本控制工具Git,作为创建开发网站的先决条件。前往 git的下载页面 获取安装程序。请注意,如果您已经使用Git的GUI代理(例如GitHub Desktop或SourceTree),则可能仍需要单独安装Git才能将其用作终端上的命令.

安装了需求之后,您终于可以安装Gatsby了!这是 快速入门指南 来自Gatsby文档.

在Windows中打开作为应用程序一部分提供的NodeJS命令提示符,您可以从开始菜单中运行它。在基于Unix的系统(例如Linux或MacOS)中,可以在终端中键入命令nodejs以启动NodeJS命令提示符。要安装GatsbyJS,请使用npm安装程序。 -g选项使软件包可用于系统中的所有用户.

npm install -g gatsby-cli

安装程序将处理软件包的所有依赖项。安装成功后,就可以创建第一个GatsbyJS网站了.

创建您的第一个盖茨比网站

要创建Gatsby网站,您需要在NodeJS命令提示符下运行以下命令.

盖茨比新的我的网站

这是需要Git的步骤。创建新的Gatsby实例时,它会从 默认的入门主题 并将其存储在my-site目录中。我们将在下一部分中讨论Gatsby入门主题.

要预览网站的开发版本,请将活动目录更改为新创建的my-site目录,然后运行开发服务器.

cd我的网站
盖茨比开发

当您收到成功消息时,请转至http:// localhost:8000来检查网站的当前版本。它很可能看起来像这样:

第一个站点

在对内容进行任何更改之前,让我们完成为网站创建产品构建的过程。要开始为您的网站构建静态页面,请使用以下命令:

盖茨比建

您会注意到,静态文件是在my-site的公共目录中创建的。要启动本地HTML服务器以静态的,可立即投入生产的形式显示您的网站,您需要使用以下命令。请注意,在运行服务之前,您需要使用build命令.

盖茨比发球

如成功消息中所示,您可以转到http:// localhost:9000来检查新创建的网站的静态版本.

盖茨比首发和主题

当您安装空白的Gatsby网站时,它克隆了 来自GitHub的默认启动模板. 入门程序是功能完备的Gatsby网站,可以通过Gatsby CLI进行克隆和重用。您可以将启动器看作是构建您的网站所用的初始模板。 GatsbyJS社区建立了许多入门者,牢记博客,电子商务和文档等各种需求.

盖茨比维持 入门库 记录可能使用的所有启动器。截至2019年4月,有超过150种启动器可供选择!

盖茨比首发

虽然入门者为用户提供了一个绝佳的平台,使他们几乎可以立即构建网站,但在更严重的开发场景中,它们并不是一个好主意。主要原因是无法随时间更新启动器.

2018年底,盖茨比 介绍了主题的概念. 它启用了gatsby-config.js文件的使用来创建可重用的主题。这是Gatsby及其功能的巨大变化,尤其是与WordPress相比时.

开发者社区 但是,对于Gatsby主题来说,要做很多准备工作才能达到生产就绪的主题-WordPress根本不是问题.

迁移到盖茨比

将帖子提取到Gastby中的最简单方法是通过Markdown。无论您可能拥有什么博客,都需要将结果导出为Markdown格式,然后将所有内容迁移到Gatsby.

话虽这么说,包括WordPress在内的大多数网站平台都不提供Markdown导出功能,因此您需要先将内容导出为HTML或XML,然后再将所有内容转换为Markdown。准备好Markdown页面后,这里是 添加Markdown帖子列表的指南 去盖茨比.

如果开发计算机上同时安装了WordPress和Gatsby,则可能需要在npm上浏览gatsby-wordpress-migrate软件包。软件包页面包含有关如何 从WordPress迁移.

此外,借助WordPress REST API,从最新版本的WordPress迁移可能会更容易。这是有关的分步指南 如何使用GraphQL和WordPress Rest API从WordPress博客获取帖子 去盖茨比.

盖茨比的优缺点

使用盖茨比有某些优势,可能会吸引潜在的用户。用盖茨比构建的网站本质上是一个单页面应用程序。这意味着,点击内部链接并不需要加载全新的资源,从而节省了大量HTTP请求。在WordPress中,您需要遵循某些最佳做法,以确保您的网站针对速度进行了优化,或者还对图片进行了优化.

例如,在盖茨比,图像优化是自动的。对于初学者,盖茨比从图像中删除所有元数据,调整其大小并压缩它们,并实现延迟加载!在WordPress中,建议您使用类似 擎天柱 用于图像优化.

此外,盖茨比还执行其他任务,例如捆绑和 缩小 网站上提供的资源,然后再投放。最后,由于网站是静态的,因此只要有推送,任何更新都会反映在生产版本中.

总体而言,静态站点也更安全,因为除了破坏服务器本身之外,几乎没有其他黑客可以侵入。使用WordPress,每个人都可以访问基本的原始PHP文件,这些文件可能容易受到多种不同攻击的攻击。由于许多WordPress网站同时使用20多个插件,因此这些插件中的一个很有可能会被利用并用作入侵您网站的网关。就像不久前发生的那样 与P3插件.

盖茨比vs WordPress

至此,我们都可以理解Gatsby和WordPress之间的核心区别-一个是静态网站生成器,另一个是静态网站生成器。 完善的动态网站引擎和CMS, 但让我们更深入地研究每个方面:

使用Gatsby vs WordPress创建新站点的简便性

与WordPress相比,我想说的是安装盖茨比需要类似的技能。在WordPress中,您需要先安装Web服务器(Apache),PHP和数据库,然后才能开始安装WordPress。.

如果我们正在讨论出于开发目的而安装WordPress,这尤其有效-这意味着您很可能需要 安装WordPress 手动操作,而不利用您的虚拟主机的现成WordPress安装.

使用Gatsby与WordPress创建空白网站的便捷性

就Gatsby而言,与WordPress相比,使用Gatsby创建空白网站要困难一些,因为它涉及使用终端.

在WordPress中,您有一个不错的安装向导,可以很好地完成所有步骤,而您唯一需要做的就是准备数据库.

盖茨比主题与WordPress相比如何??

鉴于WordPress项目的成熟度,有大量的WordPress主题可供选择。如果您切换到Gatsby,则您的选择非常有限,除非您想从头开始开发主题.

更不用说,在WordPress中安装和切换主题非常简单,即使您对编程的了解绝对为零,也很难对其进行自定义.

总体而言,在主题部门,这是一场无比赛的比赛。 WordPress占主导地位.

结论

好的,希望您找到了答案 "什么是盖茨比?" 在这里提问。总体而言,盖茨比为厌倦WordPress或只是想测试那里还有什么的人们提供了一个非常有趣的替代方案.

虽然WordPress在整个平台的受欢迎程度,社区性,易用性和整体功能方面无疑是赢家,但Gatsby本身的形式也提供了一些出色的功能.

这个项目还很年轻,并且会定期添加新功能。但是,要想充分利用Gatsby中的优点,就必须熟悉JavaScript和React,这可能是更大的社区采用Gatsby的最大障碍.

别忘了加入我们的速成班,以加快WordPress网站的速度。通过一些简单的修复,您甚至可以减少50-80%的加载时间:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector