README

StoryBlend是一个强大的Drupal起始主题，无缝集成Storybook，为构建和展示动态Drupal主题提供了一个强大的基础。此主题遵循BEM（块元素修饰符）方法编写模块化和可维护的CSS。入门

要开始使用StoryBlend，请按照以下步骤操作

使用StoryBlend

composer require yustintr/storyblend

克隆仓库

git clone  git@github.com:yustinTR/StoryBlend.git

安装依赖项

npm install

启动Storybook以预览和开发您的主题组件

npm run storybook

在浏览器中访问https://:6006/查看Storybook。

使用以下命令编译和构建您的Drupal主题

npm run dev/build

此命令将按照BEM方法处理您的CSS文件，确保模块化和可维护性。

要从这个基础创建自定义主题，您可以在StoryBlend文件夹中运行composer create-theme <themename>命令。这将创建在themes/custom文件夹中的主题。参数是可选的。省略参数时，主题将称为StoryBlend。

StoryBlend中的CSS遵循BEM（块元素修饰符）方法编写。BEM是一个命名约定，有助于创建清晰和可维护的代码。以下是一个简要概述

块：代表一个独立且本身有意义的组件。

.block {}

元素：代表块的一部分，没有独立的意义。

.block__element {}

修饰符：代表块或元素的另一种状态或版本。

.block--modifier {}
.block__element--modifier {}

确保您的CSS遵循BEM方法，以确保一致性和可扩展性。