robertvanlienden/silverstripe-bulma-portfolio-theme

一个可直接使用的完整Silverstripe主题,可用于展示项目。基于Bulma CSS

安装: 3

依赖: 0

建议: 0

安全: 0

星标: 0

关注者: 1

分支: 0

开放问题: 0

语言:JavaScript

类型:silverstripe-theme

v1.0.1 2023-08-17 15:24 UTC

This package is auto-updated.

Last update: 2024-09-17 17:53:28 UTC


README

一个优美、可直接使用的响应式Bulma主题。例如,你可以用它来开始你的作品集网站!

可通过robertvanlienden/silverstripe-addons(以及更多模块)进行扩展,但也可作为独立主题使用。

截图

需求

安装

  • Silverstripe 4

开发

  • Node包管理器(npm)
  • Node版本管理器(nvm)

可通过以下Silverstripe模块进行扩展

  • robertvanlienden/silverstripe-addons 此模块添加了如项目页面、页脚HTML和页眉logo上传等功能。
  • dnadesign/silverstripe-elemental
  • wedevelopnl/silverstripe-elemental-grid
  • silverstripe/userforms
  • silverstripe/blog
  • silverstripe/comments

安装

Composer

请注意,如果你使用Composer安装此主题,你所作的更改将在下一次composer install后被覆盖。但是,如果你需要更新主题以获取更新/错误修复等,你也可以使用Composer更新主题。

  • 运行 composer install robertvanlienden/silverstripe-bulma-portfolio-theme
  • app/_config/theme.yml 更新为以下内容;
---
Name: mytheme
---
SilverStripe\View\SSViewer:
  themes:
    - '$public'
    - 'silverstripe-bulma-portfolio-theme'
    - '$default'
  • 运行 composer vendor-expose
  • 运行 dev/build flush=all,然后你应该就可以使用了!

手册

  • 将主题复制到themes目录
  • app/_config/theme.yml 更新为以下内容;
---
Name: mytheme
---
SilverStripe\View\SSViewer:
  themes:
    - '$public'
    - 'silverstripe-bulma-portfolio-theme'
    - '$default'
  • 运行 composer vendor-expose
  • 运行 dev/build flush=all,然后你应该就可以使用了!

开发

此主题易于自定义和修改!要在CSS/JS中进行更改,你需要执行以下操作;

我建议仅使用Node版本管理器使用正确的Node版本。只需在主题文件夹中运行nvm use,然后运行npm install

你现在可以开始对此主题进行开发了!

构建

想要为生产环境构建JS/CSS资源?只需运行;npm run build,然后让webpack编译生产资源。

监视

通过运行npm run build来监视更改

许可

此主题遵循MIT许可证发布。

如果你在商业上使用此主题并从中获利,请友好地进行捐赠(见下方的捐赠)。

问题/PR

如果你发现任何问题/错误/改进,请随时创建问题/PR。

如果你想进行重大更改,请首先创建一个问题来与维护者讨论此更改。我不想你花费大量时间创建一些无法合并到这个仓库的出色事物。

捐赠

你想要感谢我为制作这个SilverStripe主题所做的努力吗?

请通过PayPal向我捐赠!你可以在Paypal.me/robertvanlienden上捐赠。