dev7ch / story
LUYA CMS 模板,使用 HTML5Up 设计的 STORY 主题快速启动项目。
Requires
- luyadev/luya-bootstrap4: 1.0.0-RC3
- luyadev/luya-core: 1.0.0-RC3
- luyadev/luya-module-admin: 1.0.0-RC3
- luyadev/luya-module-cms: 1.0.0-RC3
Requires (Dev)
- luyadev/luya-deployer: ~1.0.0
- yiisoft/yii2-debug: ~2.0.0
- yiisoft/yii2-gii: ~2.0.0
This package is auto-updated.
Last update: 2024-09-11 16:46:54 UTC
README
功能
几分钟内创建现代投资组合网站。LUYA CMS 快速启动器提供了高度灵活的内容块,让您可以从管理员区域定义样式、颜色、大小、动画等。
此项目仍在开发中
- 完整的LUYA CMS集成
- 完全响应式,可立即使用
- 高度可定制的内联样式
- 具有不同样式和灯箱支持的画廊
- 完整管理员集成
- 可拖放定制的块
- 使用 SCSS 和 Gulp 的工作流程进行编译
- 包含多级导航
安装
1.) 使用 composer 创建项目,从 Github 分支或克隆仓库
建议从 Packagist 创建新项目。
composer create-project dev7ch/story
或者您也可以将 git 仓库克隆到您的网站根目录。
git clone git@github.com:dev7ch/story.git story
导航到新创建的项目根目录,并运行 composer install。
composer install
有关更多详细信息和帮助,请参阅 LUYA CMS 安装指南。
2.) 重命名分布式配置文件并创建数据库
从您的项目根目录导航到 configs/
文件夹。
cd configs
cp env.php.dist env.php
cp env-local-db.php.dist env-local-db.php
创建一个新的空数据库,并确保在 configs/env-local-db.php
中数据库连接的 用户 和 密码 设置正确。
可选:重命名配置文件夹中的示例数据库
cp luya_story_demo.sql.dist luya_story_demo.sql
将 luya_story_demo.sql
导入您之前创建的数据库。
当然,您也可以在没有演示数据库的情况下开始,但查看并理解此主题的功能会有所帮助。
3.) 运行 LUYA CMS 设置
一切顺利后,导航回您的项目根目录并运行 LUYA CMS 设置命令。
cd ..
./vendor/bin/luya migrate
./vendor/bin/luya import
您可以像这样检查 CMS 系统的健康状况
./vendor/bin/luya health
最后,您需要向 CMS 添加一个新的管理员用户以登录到管理界面。
如果您已导入 luya_story_demo.sql
,请使用
./vendor/bin/luya admin/setup/user
如果您从一个空数据库开始,只需运行
./vendor/bin/luya admin/setup
如果您遇到任何问题,请参阅Luya 指南。
4.) 完成!登录到您的新网站
恭喜,前往您的新网站。
-
http://< your webroot >/story/public_html
-
http://< your webroot >/story/public_html/admin
前端
STORY 是由 HTML5 UP 设计的现代、完全响应式主题。
库
以下前端库已包含并可用。
» jQuery (yii\web\JqueryAsset)
» Fontawesome 图标
» Skell 响应式框架
编译
我们创建了自己的 NPM 包,其中包含我们的 Gulp 工作流程。
在 resources/
文件夹中,一切已准备好。
cd resources
npm install
npm install gulp
有关工作流程的完整文档,请参阅zephir/zephir-gulp-workflow。
后端
资产
为了加速您的本地开发,您可以在 configs/env-local.php
中取消以下行的注释,以使用符号链接资产而不是每次运行时复制它们。
'assetManager' => [ 'class' => 'luya\web\AssetManager', 'linkAssets' => true, ],
现在所有资产都将通过符号链接,而不是复制。
这还将启用由
browserSync
(gulp)提供的 CSS 立即重新加载。