ratmd / newshub-theme
一款使用Bootstrap 5.2设计的简约且响应式的博客和杂志模板,具有页面构建器和暗色模式。
dev-master
2022-10-10 20:46 UTC
Requires
- php: >= 7.4 || >= 8.0
- composer/installers: ~1.0
This package is auto-updated.
Last update: 2024-09-13 14:51:51 UTC
README
NewsHub 是一个简单且响应式的杂志和博客模板,专为 OctoberCMS v2 / v3 设计。它使用 Bootstrap v5.2 作为强大的 CSS 和 JS 框架,并包括 Bootstrap Icons 和响应式的 Keen Slider。
v1.3.0 新特性
NewsHub 模板 v1.3.0 版本主要关注新的 侧边栏小部件构建器,改进的头部和导航栏结构,集成新的 站点选择器 组件(如新 OctoberCMS v3.1 版本中引入),并提供更多定制和改进。
- 支持在 OctoberCMS v3.1.0 中引入的新的 站点选择器 组件。
- 支持 RainLab.User 和 RainLab.Forum 插件。
- 为首页、存档、静态页面和帖子(具有更多小部件)提供了一个新的 侧边栏小部件构建器。
- 一袋新的主题配置和选项。
- 许多改进,尤其是头部、导航栏和一般的 Bootstrap 样式。
v1.2.0 新特性
版本 1.2.0 的主要重点是新的 页面构建器,它允许您轻松地使用超过 18 个不同 的 Bootstrap 和自定义 内容元素 创建新的静态页面。
- 静态页面新的 页面构建器,包含超过 18 个组件。
- 一个 评论区 和小部件以及一个 基于周 的日期 存档。
- 新的头部样式,包括 搜索 / 用户 操作和 元菜单。
- 创建 页脚菜单 的新方法(旧方法仍受支持)。
- 许多改进,尤其是暗色 Bootstrap v5.2 样式。
所有功能
- Bootstrap v5.2 与 Bootstrap Icons v1.9.1(可作为部分使用)
- 完全 响应式 和以移动端为先
- 支持 多语言(使用 RainLab.Translate)
- 原生 站点选择器支持(需要 OctoberCMS v3.1+)
- 页面构建器,包含 18 个 Bootstrap 和自定义组件
- 手风琴 - 垂直折叠的手风琴。
- 警报 - 上下文反馈警报和呼出消息。
- 卡片 - 一个灵活且可扩展的内容容器。
- 卡片组 - 一个用于显示多个卡片的容器元素。
- 轮播 - 一个循环显示元素的幻灯片组件。
- 内容 - 一个简单的文本、Markdown 或 HTML 内容元素。
- 双击 - 一个双击方案来嵌入外部内容和使用 iframe。
- Flexbox 容器 - 一个用于其他内容元素的 flexbox 容器。
- 画廊 - 一个带有灯箱的简单图片画廊。
- 头部 - 一个简单的头部内容元素。
- 图片 - 一个简单的图片内容元素。
- 列表 - 一个简单的列表内容元素。
- 引用 - 一个简单的引用内容元素。
- 部分 - 一个用于其他内容元素的容器部分。
- 分隔符 - 一个简单的内容分隔符。
- 滑块 - 使用 Keen Slider 的滑块组件。
- 标签页 - 一个标签式内容容器。
- 带预告文本 - 带有预告元素的简单文本。
- 4个菜单位置:主菜单、社交链接、元菜单和页脚菜单
- 3个侧边栏位置:主页、文章和静态页面 - 带有多个小工具
- 2种配色方案:浅色和深色模式
- 颜色和语言切换,用于页眉和/或页脚
- 响应式滑块,使用Keen-Slider支持触摸操作
- 许多配置和设置
- 支持英语和德语
- 额外的CMS页面片段
- 双击解决方案,用于嵌入外部内容,符合GDPR规定
- 目录片段(列出所有内容标题)
- RatMD.BlogHub提供的额外功能
- 作者/日期/标签存档
- 评论部分和小工具
- 查看/访客计数器和小工具
- 相关/随机文章部分
- 下一篇文章/上一篇文章按钮
- 推广博客标签
- 自定义元详情
- 可定制的滑块(子)标题和摘要
- 不同的文章布局(默认、全宽、特色)
- 仪表板报告小部件(用于后端)
- ...等等
要求
我们建议使用最新的OctoberCMS v3版本来使用此模板,但仍然支持v2版本。
- 现代浏览器(不支持IE和Edge Legacy!)
- PHP 7.4+ / 8.0+
- OctoberCMS v2 / v3
- 插件:RainLab.Blog
- 插件:RainLab.Pages
- 插件:RainLab.Sitemap
- 插件:RainLab.Translate
- 插件:RatMD.BlogHub
支持
以下插件不是必需的,但由NewsHub模板支持
依赖关系
以下依赖关系已包含在此模板中。
- Bootstrap v5.2.2
- Bootstrap Icons v1.9.1
- Keen Slider v6.8.2
- jQuery *(仅在OctoberCMS v2中,见下文)
注意:默认情况下,jQuery仅在OctoberCMS v2安装中使用October提供的jQuery版本时包含,使用OctoberCMS v3及更高版本需要设置主题配置页面上的“嵌入jQuery”选项。
开发依赖关系
NewsHub OctoberCMS模板的开发使用node.js(v16+)和包含配置的esBuild堆栈完成。查看根模板目录中的package.json以获取更多详细信息。
可用命令
npm run vendors
- 构建 & 打包所需的依赖关系(如上所述)。npm run build
- 构建 & 打包源文件(JS & SCSS)。npm run watch
- 监视源文件(JS & SCSS)并在每次更改时进行打包。npm run build:js
- 构建 & 打包JavaScript源文件。npm run watch:js
- 监视JavaScript源文件并在每次更改时进行打包。npm run build:css
- 构建 & 打包SCSS源文件。npm run watch:css
- 监视SCSS源文件并在每次更改时进行打包。
需要支持吗?
通过电子邮件联系我们info@rat.mdinfo@rat.md,或访问我们的网站rat.md。