beryllium/sculpin-tailwind-blog-skeleton

Tailwind CSS 骨架用于 Sculpin

安装: 152

依赖: 0

建议者: 0

安全: 0

星标: 4

关注者: 5

分支: 1

开放问题: 0

语言:CSS

类型:sculpin-skeleton

1.1.0 2021-02-17 08:02 UTC

This package is auto-updated.

Last update: 2024-09-17 16:14:47 UTC


README

此 GitHub 仓库提供了一个使用 Tailwind CSS 库实现的 Sculpin 博客站点的骨架实现。

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

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

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

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

composer create-project beryllium/sculpin-tailwind-blog-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 分析 ID 或 Disqus 短名称。
  5. 修改(或删除)social 下方的条目以编辑侧边栏。

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

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

如果成功,它将尝试在 http://localhost:8000 预览您的网站。

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

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

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

yarn encore dev --watch

保持最新状态

说实话,我不太确定如何用模板存储库来做这件事。实际上,如果要让您的网站包含这些更改,可能和手动应用更改一样令人烦恼。

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