Vue 静态站点生成

更新时间：2024-12-23 02:40:19

静态站点生成器快速生成静态网站。

什么是静态网站生成器？静态网站有什么好处？常见的静态网站生成器有哪些？

这些应用还有一个更优雅的名字：JAMStack。

静态应用的使用场景有哪些？Gridsome 是什么？Gridsome 的环境如何配置？

Gridsome 需要依赖一个特殊的第三方模块：sharp。它的作用是什么？sharp 这个包为什么很难安装成功？解决方式是什么？

gridsome 会将 pages 目录下的页面文件创建成一个个路由页面。预渲染是纯静态的网页内容，没有服务端渲染。预渲染有什么优势？Gridsome 的基础目录结构如何？

main.js 中是如何导入布局组件并导出函数的？函数中是如何注册全局组件的？default layout 是如何使用的？集合节点是什么？

项目配置有哪些参考文档？Pages 的创建方式有哪两种？单文件组件看起来像什么？gridsome.server 文件是如何调用 api.createPages 方法的？

动态路由用于客户端路由。动态页面的优先级如何？如何创建动态路由页面？以编程方式创建动态路由时，动态参数如何指定？如何生成重写规则？

Gridsome 中提供了 collections 集合，如何使用它？在 GraphQL 中如何查询数据？页面中如何查询 GraphQL 数据？

如何在页面中渲染动态数据？使用模板渲染节点页面时，文章详情页面应如何处理？在 gridsome-server.js 中如何预取数据？

如何使用模板管理文章内容？Gridsome 中如何引入 markdown 文件？如何使用 strapi 接口数据？Strapi 基本使用方法是什么？

如何将 strapi 数据预取到 Gridsome 应用中？设置文章和标签数据模型时，如何查看结果？展示文章列表时，如何进行分页？如何处理 markdown 格式的文章内容？

如何展示文章详情？如何处理标签？如何部署 strapi？如何将本地应用连接远程 strapi 应用？配置环境变量的方法是什么？部署 Gridsome 应用到 vercel 需要哪些步骤？

当修改后台修改完成之后，如何触发 vercel 的部署操作？如何确保使用正确的 apiURL？