Statamic 是一个由 Laravel 提供支持的平面文件 CMS。几年前我开始使用它，便立即被它吸引。Statamic 使我在创建定制的客户网站方面更快更出色，因为它拥有我在日常工作中需要的工具。凭借其灵活性和精美的界面，它在我看来远远超过了竞争对手。
我发现自己开始创造并享受乐趣。我开始重复使用代码、模板和方法，这些代码、模板和方法在我的所有 Statamic 项目中都奏效。即使是定制的网站，大多数网站也共享类似的原则。当预期的 v3 发布后，我决定重新编写并打包我的 v3 工具包，并将其作为名为 Peak 的启动工具包发布。
启动工具包
Peak 是一个为所有 Statamic 网站提供服务的带有个人见解的启动工具包。该工具包与设计无关，但捆绑了 Tailwind 和 AlpineJS 等工具。它强制执行一种工作流程，您可以在其中以尽可能 DRY 的方式构建任何您想要的东西。
亮点包括页面构建器、完整的专业 SEO 集成、可定制的 Tailwind 配置实现等等。其目标是让您立即开始为客户创建网站，因为 Peak 易于扩展或编辑以满足客户网站需求。最终目标是让我们分享并一起努力，让我们的网站和工具变得更好。该工具包越来越受欢迎，并且经常收到 PR。
如果您使用 Tailwind 和 AlpineJS，这是您进入奇妙的 Statamic 世界的方式。
蓝图、字段集及其带来的强大功能
Statamic 提供丰富的字段类型选择。然而，刚开始的时候可能会让人不知所措。这就是 Peak 派上用场的地方。它的大多数功能都是使用这些原生字段和模板选项实现的。这意味着您可以跳过为每个网站设置相同内容的枯燥任务。
页面构建器
虽然您可以为所有页面类型创建不同的模板，但想法是使您的页面尽可能模块化，而不给您的客户太多破坏设计的自由。您网站的每个独特元素都可以是一个部分（一个 Statamic 模板部分）以及页面构建器中的一个专用按钮。这样，您就可以将表单、链接块、集合条目（例如，最近的新闻或重点展示的投资组合项目）或长篇内容添加到您的页面中。
您添加到页面构建器中的所有块都均匀地分布在一个单列网格中，因此您不必考虑顶部或底部边距。与所有内容一样，网格在 tailwind 配置文件中是可定制的。
需要注意的是，这不是您可能从 WordPress 等 CMS 中知道的页面构建器。这个页面构建器为您提供结构和语义有效的标记。设计完全取决于您。
页面构建器中的一个块是 Bard 字段。我称它为页面构建器中的文章，因为它适用于长篇内容。Bard 字段具有受限的文本编辑功能，并且有自己的字段集。Peak 附带默认集，如响应式图像、按钮、视频嵌入、引言或内容表。由于添加到长篇内容中的文本和集按其自身网格布局，因此您可以让图像从内容中脱离，并将此模式添加到您自己的 Bard 集中。
SEO
虽然 Statamic 生态系统拥有多个出色的付费 SEO 插件选项，但使用原生字段和模板实现完整的 SEO 支持并不难。这就是 Peak 带来的优势。用于 JSON-ld、自动生成的 XML 网站地图、默认 OG 图像和用于 Fathom、Google 和 Cloudflare 的跟踪器集成的全局站点选项。最重要的是，您可以通过点击按钮启用 cookie 横幅。您不再需要担心营销人员要求您集成 Google Tag Manager。由于我们使用 Tailwinds 可配置的设计系统，cookie 横幅和所有其他模板的设计默认情况下会尊重您的网站品牌。
在条目页面上，您可以获得对所有基本内容的支持，如 OG 标记、元描述、no-index 切换、自定义 JSON-ld 和规范 URL。当您使用多站点 Peak 时，它会自动添加正确的 hreflang 标记。使用分页？它会自动将分页链接添加到文档标题中。
Tailwind
Peak 广泛使用 Tailwind 和配置文件来设置您的网站。我已经将配置拆分为多个文件
-
tailwind.config.js是基本文件，您可以在其中导入所有其他配置文件并定义配置，如 purge、darkmode 和您希望使用的变体。 -
tailwind.config.peak.js包含所有用于 Peak 的工具，如外部站点网格以及长篇内容的网格和大小工具。 -
tailwind.config.typography.js在这里，您可以自定义可选的 tailwind 排版插件；默认情况下，它使用您目前从 -
tailwind.config.site.js是您将花费大部分时间进行配置的文件。在这里，您可以定义当前项目的颜色和排版。由于 Peak 使用颜色命名，如neutral、primary、secondary、error、warning和red，因此所有部分都会自动更新其样式以匹配您的配置。这使得在保持自定义选项的同时轻松入门。
就我个人而言，我在这些配置文件中定义了 100% 的自定义 CSS，因为我认为这样做是有意义的，最好尽可能地集中化，最好用一种语言。但是，如果您更喜欢使用 @apply，那么有一个支持 PurgeCSS 层的 CSS 文件随时可以使用。
其他亮点
在结束之前，我认为还有一些值得一提的事情
- 我不喜欢的一件事是制作表单和表单电子邮件。使用 Statamic 提供的原生工具，Peak 为您提供带有漂亮默认样式的自动生成的表单和电子邮件。Peak 中的表单使用 AJAX，因此您可以利用完整的静态缓存使您的网站尽可能快。邮件是完全可本地化的，并从您的
.env或本地化字符串中获取所有站点特定的变量。 - 虽然我不是无障碍专家，但我确实尝试跟上并在我所有的部分中实现最佳实践。Peak 实施了
focus-visible并尊重减少运动的首选项。语义也是如此。页面构建器的设置方式，您不必担心屏幕阅读器和阅读器模式。遵循默认模板中使用的标记，您的长篇内容应该在 Safari 的阅读器模式下完美运行，例如。 - Peak 会根据一个 SVG 图像自动为现代浏览器生成收藏夹图标。
- 您可以通过一个全局配置页面添加对不存在 URL 的重定向。
- 该工具包中还有很多其他有用的内容，如排版部分、Tailwind 助手、Ploi 和 Forge 的默认脚本以及示例项目自述文件。自己去看看吧。
结束语
每天使用 Statamic 都是一种乐趣，并且为这个启动工具包工作也很棒。不仅仅是因为我使用它，还因为其他人也在使用它。能够回馈我所喜爱的 Statamic 社区真是太棒了。
我希望这篇文章能激发您对 Statamic 以及如何使用它创建定制网站的好奇心。在享受乐趣的同时！我敦促您查看它，看看它如何提高您的工作效率。他们有许多价格层，包括一个 免费计划。
