Gridsome 是一个免费的开源Vue.js？静态站点生成器。这是另一个不错的静态生成器，如盖茨比、杰基尔等。在这里，它允许您为无头 CMS、API、本地文件等创建和构建支持 CDN 的网站。就像您使用其他静态站点生成器一样，您可以以相同的方式使用它。但要使用它，您需要一些 Vue.js、HTML 和 CSS 知识，例如脚本语言。此外，这是新的，因此没有可用于开始的主题或示例主题。但是，它确实支持从现有 CMS （如 WordPress、Drupal、Sanity.io 等）导入数据。您只需构建本地网站，对其进行测试，然后简单地部署它。目前，它支持 GitHub Pages、Netlify CMS 来免费托管您的网站。您只需指定构建命令，然后您就可以轻松地服务器静态站点。Vue.js是一个 Poplar JavaScript 框架，如果你了解 Vue，那么你可以在其中创建静态站点，这里的 Gridsome 会帮助你。它适用于 Node.js 和命令行依赖解析器，例如 npm 或 yarn。有一些非常简单的命令可以创建一个新项目并构建它，并最终提供它。Usign gridsome 生成静态站点：根据其主要网站上的定义，Gridsome 旨在成为一个基于开源Vue.js的框架，用于构建默认情况下快速的网站和应用程序。使用此静态站点生成器有一些功能，它们是：将Vue.js用于前端，简单快捷。它可以让您实时查看代码更改。基于文件和页面路由的动态路由。生成的站点可以轻松托管在 CDN 或静态网站主机（例如 Netlify）上。GraphQL 支持。使用自动 ode 分割构建超性能。它是一个可扩展的框架。您可以通过在插件的帮助下添加对 Google Analytics 等服务的支持来进一步增强网站的功能。如果您熟悉静态站点设置，则可以轻松使用它。您只需要具备Vue.js知识即可开始。因此，只需在确保安装了最新版本的Node.js并配置了纱线后启动终端即可。您只需运行以下命令即可安装 Gridsome。npm install --global @gridsome/cli现在，安装后，您可以简单地创建一个新项目并在本地运行它。它在 8080 端口上创建 Web 服务器，您可以运行以下命令并查看基本模板的外观。gridsome 创建项目名称cd 项目名称网格化开发如果上面的 create 命令失败，那么你可以 cd 进入项目文件夹并手动运行“yarn install”。然后构建项目，让它在“dist”文件夹中生成网站文件。在上面的屏幕截图中，可以看到生成资产。要查看最终网站，您只需在浏览器中打开索引文件并查看该网站。您甚至可以选择像 CMS 一样在 Netlify 上部署您的网站。为此，您只需将项目文件放在 Git 存储库中，然后将其与 Netlify 帐户连接即可。选择项目所在的 git 存储库，然后将构建命令指定为“gridsome buid”。此外，将“dist”指定为服务器网站的目录。等待它构建网站，然后在它为您创建的随机域上访问它。您可以在上面看到基于Vue.js的示例静态站点。如果您是开发人员，那么您可以仔细查看文档并阅读更多有关它的规范。您可以在那里阅读所有内容并看到一些高级内容。在高级内容中，您可以看到可用于它的不同插件以及学习如何为其创建内容的指南。关闭的思考由于很多原因，静态网站如今很流行。小型博客和网站等新闻是静态网站的理想用例。如果您是 Web 开发人员并且了解 Vue，那么您会喜欢 Gridsome。目前它存在一些问题，例如就我而言，它无法在 Windows 上运行，但此类问题将得到解决，因为它正在积极开发中。我们已经介绍了 WordPress 的静态站点生成器，例如 Hugo，现在列表中还有一个。如果您正在寻找基于 Vue 的静态站点生成器，请尝试一下 Gridsome，并告诉我您的想法。
