问题标签 [statamic]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
94 浏览

statamic - 有没有办法屈服于静态中的可变部分?

我有一个包含几个相同列的布局,这些列应该屈服于各个部分:

现在我想把它放到它自己的部分:

但在文档中,我只能找到冒号语法{{ yield:section }},而没有提示可能的变量语法{{ yield unknown_word_here="section" }}。大多数标签都有可变语法,所以我希望有一个。或者其他解决方案...

0 投票
0 回答
156 浏览

laravel - 静态 nginx 本地安装

我在网上找到了很好的例子——如何使用 mamp pro / mamp 在 localhost 上安装 Statamic。但是当我在 mamp pro 中按下 Nginx 按钮时,我猜事情并不那么容易。

我想在我的生产服务器中使用 Nginx。我也想在开发环境中使用它。

所以我将 sample.nginx.conf 更改为 nginx.conf 并更改了 root /Applications/MAMP/htdocs/Statamic/new-statamic-site.com/;

事情确实加载但图像不存在并且子页面不可访问。

我该怎么做才能完成这项工作?

0 投票
1 回答
138 浏览

statamic - 如何使用 Statamic 表单验证多个复选框?

我正在使用 Statamic CMS

我有一个带有两个复选框的复选框组,我希望在提交表单之前检查它们。

将字段设置为“必填”一半有效。如果没有选中任何内容,表单将出错,但如果选中其中一个框,它会提交。

我可以在验证选项卡下看到,有一个附加规则列表。但我不确定使用哪个规则。

如果有帮助,这就是 HTML 复选框组的样子:

我正在使用{{ fields }}标签生成 HTML

在 CMS 中,在验证选项卡下,有一个指向Laravel 文档的链接。由于我想验证两个复选框,我想我需要 required_with: 规则,但我无法让它工作......

required_with: 正在寻找两个值,示例显示如下:

复选框的值是,value="gdpr"所以value="terms"我(错误地)认为这应该工作......

保存更改并测试表单后,它仍然提交吗?即使只有一个复选框可能被勾选...

用于使其工作的正确语法/值是什么?

0 投票
1 回答
116 浏览

php - 将 2 个单独的数组合并为一个数组

我得到了这样的数组:

想要将两个数组合并到一个数组中

预期结果:

我试过 array_merge 像:

得到输出是:

请帮我在单个数组中得到结果。

0 投票
1 回答
2711 浏览

swiperjs - SwiperJS 延迟加载 - 如指南所述,使用 data-src 时图像不显示

我一直在努力尝试将 SwiperJS 实施到我的 Statamic 3 项目中。

我有一个工作轮播/滑块,当不使用 data-src 和延迟加载时,它工作得非常好。但是一旦我尝试按照他们网站上的指南实施延迟加载。我得到一个带有无限加载器的白色图像/背景或一个白色图像/背景而没有加载器。

这是我的代码:

HTML(图像来自鹿角 foreach):

我的 JS:

当前结果: 结果

任何人都知道为什么我的图像没有被渲染?

亲切的问候,罗伯特

0 投票
2 回答
486 浏览

javascript - 在移动设备和桌面设备上加载不同的元素或背景图像

我正在开发一个网站(使用使用 Antlers、Bootstrap、SCSS 的 Statamic v3),该网站涉及移动和桌面背景的不同上传(内联样式)。做这个的最好方式是什么?我在这些问题上挣扎了很长时间。当然,我可以使用 display none 和 display block 与媒体查询,但我希望有一个解决方案,只有移动图像加载到移动/小屏幕尺寸上,只有桌面图像加载到桌面/大屏幕尺寸上,所以它更好用于页面加载。

对于 img 标签,可以使用 img srcset,但不能使用背景图像。我也在质疑自己如何只用大量代码使用部分/元素来做到这一点(所以不一定使用背景图像)

我还尝试通过 JavaScript 使用移动检测,但问题是如果用户在桌面上工作但浏览器视图较小,则无法获得网站的“移动版本”。

我大多最终使用 Bootstraps d-none 和 d-block 进行媒体查询,但这感觉不对。

任何人都有一个最佳实践,并牢记良好的页面加载?


编辑:我添加了一些代码来显示我想要实现的目标。用户可以在 CMS 上上传桌面背景图像和移动背景图像。据我所知,这两个图像都将加载到页面中,但由于显示属性,它们不会同时显示。我的目标是页面不会加载两个图像,而只会加载该视口大小所需的图像。我无法在我的 SCSS 中使用媒体查询执行此操作,因为我无法在我的 SCSS 中设置背景 url。

0 投票
1 回答
211 浏览

php - Statamic V2:[InvalidArgumentException] 驱动程序 [] 不支持

这是我的 statamic 2 项目。我不确定这个错误的根源。当我运行“php please”命令时,我得到了驱动程序不支持的错误,如您在所附照片中所见。

php请命令结果

php请命令结果

运行命令后,我还附上了错误日志:-

附件是我检查 php、npm 和 statamic 版本的命令。都安装好了,为什么驱动不支持? php、npm 和静态

这是显示错误的调试模式

什么是解决方案,以便我可以使用“php please serve”命令为我的项目提供服务??

0 投票
0 回答
80 浏览

laravel - 从 Blade-Files 渲染 PHP、SCSS、JS、Blade-Files

目前,我正在努力寻找最佳方法来实现以下(可能不是每天)的要求。

我计划开发一个 Laravel 应用程序。这个应用程序的总体思路是为网站生成同样基于 Laravel 但完全独立工作的网站。举个例子:我,作为一个用户,登录到 Laravel 应用程序,在数据库中创建一个新记录“Webseite”,并有,比如说大约 50 个设置来个性化网站。举一些设置的例子,这可能是:网站上的徽标、网站是否应该有博客的决定、引导变量中使用的主题颜色等。在我配置好网站后,我按下一个按钮Laravel 应用程序为这个网站生成代码,该代码也适用于 Laravel。在我们的例子中,我们正在构建 Statamic 网站。所以,经过这个过程,我可以下载一个 Zip 文件,甚至更好的是,所有内容都被移动到该网站的新 Git 存储库中,在这个存储库中,我拥有我需要的所有文件(应用程序、引导程序、配置、内容、数据库、.env.example 等)让我的 Statamic 在任何服务器上运行。现在我只需要将这个新生成的存储库(或上传 Zip)克隆到任何服务器,运行 composer install & cp .env.example .env ,网站就可以使用了。

换句话说,通过这个 Laravel 应用程序,我想为另一个 Laravel 网站编写/生成代码。这种情况下的代码意味着:

  • PHP(配置,路由,...)
  • YAML(静态蓝图,……)
  • Statamic 模板(更喜欢你使用 Statamic 而不是 Antlers 的刀片)
  • JS(前端)
  • SCSS(前端)在所有这些文件中,我需要使用刀片指令,因为我需要根据网站的设置来操作所有这些文件。

毫无疑问,这样做在技术上是没有问题的。有一个 config-app-php.blade.php 来渲染 config/app.php,或者有一个 app-scss.blade.php 等等。

但对我来说,从 Blade-Template-Files 重新渲染 PHP、SCSS、JS 甚至更糟糕的 Blade-Template-files 感觉不对

如果有更好的方法来实现这一点,您有什么想法吗?

非常感谢!

0 投票
0 回答
23 浏览

statamic - 导航循环中的 from:segment_1 语句提供了错误的结果

在构建像https://www.youtube.com/watch?v=POgIsLeWGGQ这样的导航时,我遇到了我不理解的行为。

我的页面树如下所示:

在此处输入图像描述

我有以下用于二级导航的代码:

问题

当我在主页上时,二级导航向我显示了两个条目,音乐家和项目。据我了解,这两个条目位于 segment_1 中,因此不应显示子导航。

我究竟做错了什么?

0 投票
3 回答
66 浏览

windows - 如何生成年龄类别?我的 PATIENT_YOB 是 01jan1956,我想得到确切的年龄

我正在尝试使用以下代码,但它给出了错误