beryllium / sculpin-tailwind-landing-skeleton
Sculpin 基础着陆页面网站的骨架
1.1.0
2021-02-17 07:58 UTC
Requires
- sculpin/sculpin: ^3.1
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 安装。
自定义您的网站
依赖项安装完成后,下一步是配置您的网站并开始自定义过程。
- 打开
app/config/sculpin_site.yml
文件 - 将标题和副标题更改为与您希望博客的名称匹配
- 将 URL 字段更改为
url: ~
或url: ''
,除非您计划将网站托管在现有域的子文件夹中。当前示例配置演示了子文件夹托管。 - 可选地,设置 Google Analytics ID 或 Disqus 短名。
- 修改(或删除)
social
下方的条目以编辑侧边栏。
保存文件后,现在应该能够生成网站
vendor/bin/sculpin generate --watch --server
如果成功,它将尝试在 http://localhost:8000 上为本地预览托管您的网站。
您对配置或源文件所做的任何更改都应触发网站的重新生成,浏览器刷新将显示更改。
使用此自托管预览,您可以在发布到其他地方之前调整您的网站。
如果您计划使用 WebPack 和 Yarn 来自定义 CSS/JS/Tailwind 体验,重新生成这些文件的命令是
yarn encore dev --watch
保持更新
坦白说,我不太确定如何在模板存储库中以最佳方式完成此操作。如果您希望网站包含它们,这可能实际上与手动应用新更改一样令人烦恼。
因此,此模板存储库基本上只是一个骨架。一旦您克隆了模板,您就可以开始维护自己的定制 Sculpin 网站。