如何在 Grav Learn2 上制作标签式代码屏幕

Question

我找不到该选项卡式代码屏幕的解决方案。任何人都可以帮我弄清楚吗？

截图： https://imgur.com/3zCz0pO

这也是屏幕截图中的页面： https://dev.iyzipay.com/tr/api/taksit-sorgulama

谢谢。

Answer 1

标签是使用 Grav Shortcode UI Plugin 生成的。

这是来自 https://learn.getgrav.org/16/content/media#url 的示例：

降价

[ui-tabs]
  [ui-tab title="Twig"]
    {% verbatim %}
      {{ page.media['sample-image.jpg'].url|e }}
    {% endverbatim %}
  [/ui-tab]

  [ui-tab title="HTML Code"]
    {{ page.media['sample-image.jpg'].url|e }}
  [/ui-tab]
[/ui-tabs]

结果

上述示例的降价源可以在文档的 repo 中找到：https://github.com/getgrav/grav-learn/blob/develop/pages/02.content/07.media/docs.md

如何在 Grav Learn2 上制作标签式代码屏幕

How to make tabbed code screen on Grav Learn2

screen

grav

tabbed