ratmd / newshub-theme

一款使用Bootstrap 5.2设计的简约且响应式的博客和杂志模板,具有页面构建器和暗色模式。

安装: 29

依赖: 0

建议: 0

安全: 0

星级: 0

关注者: 0

分支: 5

类型:october-theme

dev-master 2022-10-10 20:46 UTC

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.UserRainLab.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版本。

支持

以下插件不是必需的,但由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