robertvanlienden / silverstripe-bulma-portfolio-theme
一个可直接使用的完整Silverstripe主题,可用于展示项目。基于Bulma CSS
v1.0.1
2023-08-17 15:24 UTC
Requires
- composer/installers: *
- jonom/focuspoint: ^4.0
- silverstripe/framework: >=4.0
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上捐赠。