大盟/automad-bootstrap

基于Bootstrap框架的响应式多用途主题,适用于Automad CMS。

1.0.0 2019-03-10 17:45 UTC

This package is auto-updated.

Last update: 2024-08-24 19:13:22 UTC


README

基于Bootstrap框架的响应式多用途主题,适用于Automad CMS。查看演示页面和所有可用的模板此处

选项 & 设置

此主题使用多个变量进行配置。下面列出了一些最重要的选项来控制您站点的外观和感觉。其他选项可以在页面设置中尝试。

自定义Bootstrap CSS

由于主题完全基于Bootstrap框架,因此可以使用自定义版本的Bootstrap。您可以使用bootstrapCss变量提供.css文件的替代URL。您可以在仪表板的共享数据部分上传自定义的.css文件。有关自定义Bootstrap的更多信息,请参阅此处

Google Analytics和其他自定义页眉或页脚项

有时需要在页面中添加自定义JavaScript或CSS。例如,如果您想向网站添加Google Analytics跟踪代码片段,这就是这种情况。因此,此主题提供了两个变量用于此目的。itemsHeader变量允许您在</head>标签关闭之前添加所有类型的页眉项。要添加任何HTML或JS在</body>标签关闭之前,可以使用itemsFooter变量。

搜索

通过将页面定义为结果页面,可以启用导航栏中的搜索字段。因此,只需在仪表板“共享数据 & 设置”部分的urlSearchResults变量中输入您页面的内部URL。请注意,选定的页面需要包含类似于博客作品集的列表模板。

导航栏操作按钮

要突出显示您网站上的特定操作,您可以定义urlActionButton的内部或外部URL。然后将在您的导航栏中显示一个主要按钮。

轮播配置

一旦在页面设置中为images变量设置了文件模式或列表,页面就会出现轮播幻灯片。您还可以在共享设置部分定义一个通用模式,它将作为所有页面的默认值使用。文件模式可以使用*表示零个或多个字符。多个模式可以由逗号分隔。一个典型的模式如下

*.jpg, *.png, *.gif 

要更改图片滑动器的宽度,请使用carouselHeight变量。

页列表排序

默认情况下,页列表按日期降序排序。您可以通过在博客或作品集页面上添加sortPages变量的值来更改此行为。为了定义列表中页面的排序,您必须提供要排序页面的变量的组合以及排序顺序,如date desctitle asc

模板过滤器

您可以使用正则表达式为templateFilter变量过滤页列表的页面模板。

Open Graph图片

标题和描述会自动用于开放图标签,用于在分享页面时作为预览。您还可以定义用于og:image属性值的预览图像的模板。一个好的模板可能是*.jpg, *.png, /shared/og.png。使用这个模板,将首先使用第一个JPG或PNG图像作为预览图像,而使用共享文件部分中的名为og.png的文件作为没有图像的页面的备用。