dev7ch/story

LUYA CMS 模板,使用 HTML5Up 设计的 STORY 主题快速启动项目。

维护者

详细信息

github.com/dev7ch/story

源代码

问题

安装: 1

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 0

开放问题: 0

语言:CSS

类型:项目

v1.0 2017-06-09 15:54 UTC

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 立即重新加载。