geoffselby/puzzle-plain-preset

基于 Tailwind CSS 的 Jigsaw 网站的一个基本空白模板


README

这是一个基本空白模板,用于在 Jigsaw 和 Tailwind CSS 中创建网站,几乎不需要任何努力。

安装

如果使用 Puzzle CLI,这是一个默认的预设。这意味着你可以直接运行

puzzle new my-site

如果你想要更明确,可以这样做

puzzle new my-site --preset plain

如果你是手动安装 Jigsaw,在安装 Jigsaw 后,从你的项目目录运行以下命令

./vendor/bin/jigsaw init geoffselby/puzzle-plain-preset

这个启动模板包含以下内容。

  • Tailwind CSS V1.0 预先安装和配置
  • Purgecss 用于从你的 CSS 中删除未使用的选择器,从而减小 CSS 文件的大小
  • 一个自动生成 sitemap.xml 文件的脚本
  • 自定义的 404 页面

配置导航

为了保持导航易于配置,它通过你的网站配置进行管理,如 这篇博客文章 所示。要配置你的导航,从根目录打开 navigation.php。每个数组都是导航中的链接。

必需的键只有 link,页面的 uri,以及 title,链接的显示标题。

// navigation.php
return [
  [
    'link' => '/',
    'title' => 'Home',
  ],
  [
    'link' => '/about',
    'title' => 'About',
  ],
  [
    'link' => '/contact',
    'title' => 'Contact',
  ],
  ...
];