beryllium/sculpin-tailwind-landing-skeleton

Sculpin 基础着陆页面网站的骨架

1.1.0 2021-02-17 07:58 UTC

This package is auto-updated.

Last update: 2024-09-17 16:15:10 UTC


README

此 GitHub 仓库提供了一个使用 Tailwind CSS 库实现的 Sculpin 产品或公司着陆页面网站的骨架实现。

要查看骨架默认外观的演示,请访问 GitHub 演示页面

https://beryllium.github.io/sculpin-tailwind-landing-skeleton/

此存储库配置为用作“模板存储库”,因此您可以通过点击 GitHub 界面中的“使用此模板”按钮来快速创建自己的副本。

或者,您可以使用 Composer 创建项目

composer create-project beryllium/sculpin-tailwind-landing-skeleton my-blog

开始运行

将生成的模板克隆到本地磁盘后,您需要运行一些命令来安装依赖项。

composer install
yarn install

Composer 需要一个有效的 PHP 安装。Yarn(或 NPM)将类似地需要有效的 NodeJS 安装。

自定义您的网站

依赖项安装完成后,下一步是配置您的网站并开始自定义过程。

  1. 打开 app/config/sculpin_site.yml 文件
  2. 将标题和副标题更改为与您希望博客的名称匹配
  3. 将 URL 字段更改为 url: ~url: '',除非您计划将网站托管在现有域的子文件夹中。当前示例配置演示了子文件夹托管。
  4. 可选地,设置 Google Analytics ID 或 Disqus 短名。
  5. 修改(或删除)social 下方的条目以编辑侧边栏。

保存文件后,现在应该能够生成网站

vendor/bin/sculpin generate --watch --server

如果成功,它将尝试在 http://localhost:8000 上为本地预览托管您的网站。

您对配置或源文件所做的任何更改都应触发网站的重新生成,浏览器刷新将显示更改。

使用此自托管预览,您可以在发布到其他地方之前调整您的网站。

如果您计划使用 WebPack 和 Yarn 来自定义 CSS/JS/Tailwind 体验,重新生成这些文件的命令是

yarn encore dev --watch

保持更新

坦白说,我不太确定如何在模板存储库中以最佳方式完成此操作。如果您希望网站包含它们,这可能实际上与手动应用新更改一样令人烦恼。

因此,此模板存储库基本上只是一个骨架。一旦您克隆了模板,您就可以开始维护自己的定制 Sculpin 网站。