october/demo-theme

演示 OctoberCMS 主题

安装: 618

依赖: 0

建议: 0

安全: 0

星标: 1

关注者: 4

分支: 3

语言:CSS

类型:october-theme

v1.1.12 2020-09-04 16:41 UTC

This package is auto-updated.

Last update: 2024-08-29 04:14:23 UTC


README

OctoberCMS 演示主题,展示了基本核心功能,并使用了附带的演示插件。这是一个从零开始构建网站时值得复制的优秀主题。

该主题作为分发插件时默认组件标记的参考实现。

祝您玩得开心!

清理说明

如果您将此主题克隆作为起点,您可按照以下说明进行清理

  1. 删除 pages/ajax.htmpages/plugins.htm 文件。
  2. 删除 partials/calcresult.htm 部分文件。
  3. 删除 partials/explain/ 目录及其内容。
  4. 删除 content/placeholder/ 目录及其内容。

合并 CSS 和 JavaScript

出于性能考虑,此主题不合并资源。要合并样式表,请替换默认布局中的以下行。当与此主题一起使用时,我们建议在文件 config/cms.php 中启用配置 enableAssetDeepHashing

未合并的样式表

<link href="{{ 'assets/css/vendor.css'|theme }}" rel="stylesheet">
<link href="{{ 'assets/css/theme.css'|theme }}" rel="stylesheet">

合并后的样式表

<link href="{{ [
    '@framework.extras',
    'assets/less/vendor.less',
    'assets/less/theme.less'
]|theme }}" rel="stylesheet">

注意:October 还包含一个 SCSS 编译器,如果您喜欢。

未合并的 JavaScript

<script src="{{ 'assets/vendor/jquery.js'|theme }}"></script>
<script src="{{ 'assets/vendor/bootstrap.js'|theme }}"></script>
<script src="{{ 'assets/javascript/app.js'|theme }}"></script>
{% framework extras %}

合并后的 JavaScript

<script src="{{ [
    '@jquery',
    '@framework',
    '@framework.extras',
    'assets/vendor/bootstrap.js',
    'assets/javascript/app.js'
]|theme }}"></script>

重要:请确保保留 {% styles %}{% scripts %} 占位符标签,因为这些标签被插件用于注入资源。