第 9 章 智利:开发人员门户


本节介绍 Liquid 格式化标签以及如何在 3scale 系统中工作,包括标记的不同元素、它们之间的连接以及在开发人员门户中如何使用标签的简短示例。

要了解 Liquids 的基本知识,请参阅 Liquid 参考

9.1. 在 Developer Portal 中使用 Liquids

本节介绍如何在布局和页面中启用刻录标记处理。

9.1.1. 启用 Liquids

所有部分和电子邮件模板都默认启用移动标记处理。在布局上启用它们的方式是选中 system_name 输入字段右侧的复选框。但是,要在页面上启用它们,您必须进入页面的高级选项部分。

展开 Advanced options 部分并选中 Liquid enabled 复选框。从现在开始,所有颠覆标记将由内部引擎处理,开发人员门户内置的编辑器还将添加代码高亮显示,以便转录。

9.1.2. 页、部分和布局的不同使用

动作的使用通常因页面、部分和布局稍有不同。在页面中,运动是单一使用的元素;而带有部分和布局的则是开发者门户的可重复使用元素。这意味着,您可以添加一些逻辑标签,并根据用户所在的页面更改布局,而不是应用对不同页面的多个布局或部分。

<!-- if we are inside '/documentation' URL -->
<li class="{% if request.request_uri contains "/documentation" %}active{% endif %}"><!-- add the active class to the menu item -->
  <a href="/documentation">Documentation</a>
</li>
Copy to Clipboard Toggle word wrap

9.1.3. 与 CSS/JS 一起使用

移动标记不仅可与 HTML 一起使用,还可轻松将其与 CSS 和/或 JavaScript 代码组合,从而进行更多的控制。要启用样式表或 JS 中的指示,请将其创建为页,并按照您为正常页面启用相同步骤的步骤进行操作。完成后,您将能够在 CSS 中添加一些条件标记,或者在 JavaScript 中使用服务器端数据。只需记得将页面的内容类型设置为 CSS 或 JS。

Red Hat logoGithubredditYoutubeTwitter

学习

尝试、购买和销售

社区

关于红帽文档

通过我们的产品和服务,以及可以信赖的内容,帮助红帽用户创新并实现他们的目标。 了解我们当前的更新.

让开源更具包容性

红帽致力于替换我们的代码、文档和 Web 属性中存在问题的语言。欲了解更多详情,请参阅红帽博客.

關於紅帽

我们提供强化的解决方案,使企业能够更轻松地跨平台和环境(从核心数据中心到网络边缘)工作。

Theme

© 2026 Red Hat
返回顶部