15

我正在尝试创建我的第一个 Jekyll 网站，但在设计 i18n 部分时遇到了问题。

不同的文章将针对每种语言完全重写，因此每一篇都是不同的帖子，这里没有问题。实际上，我的布局/包含中的文本有更多困难。

通常，对于菜单，我正在考虑按照以下方式做一些事情：

{% capture menu_location %}menu.{{ lang }}.html{% endcapture %}
{% include menu_location %}

喜欢这里的建议。但这给了我以下错误：

在 _includes 目录中找不到包含的文件“menu_location”

是否可以为包含标签使用变量？您还有其他想法我该怎么做吗？

谢谢 ！

PS：即使我目前只有 3 种语言，我也不会使用 if / elseif / else 语法；）

4

2 回答 2

30

如果不修改 Jekyll，您将无法实现。他们定义的include过滤器将其参数视为字符串，而不是表达式。

过去我用 Jekyll 创建了几个双语网站。我发现最干净的解决方案通常是将依赖于语言环境的变量存储在 _config.yml 中，并在需要时引用它。

# _config.yml
...
locales:
  en:
    welcome_message: "Welcome to my site"
    ...
  es:
    welcome_message: "Bienvenido a mi sitio"

对于我呈现的每个页面，我都需要知道它的语言环境。最简单的方法是locale在该页面的顶部 yaml 中添加一个字段：

---
# a page or post (for example index.html)
...
locale: en
---

然后，您可以通过执行page.locale.

如果您已将站点划分为文件夹 ( /en/ for english, /es/ for spanish, and so on，则可以使用页面 url 来计算语言环境，这样您就不需要在每个页面上指定语言环境：

{% capture locale %}{{ page.url | truncate: 3, "" | remove: "/" }}{% endcapture %}
{% if locale == "" %}{% assign locale = "en" %}{% endif %}

对于类似的页面/en/blog/，locale将是“en”；因为/fr/le-blog，它将是“fr”。但是，您必须在所有布局中使用该行，并包括需要使用语言环境的行。

然后，您可以获得这样的本地化文本：

{{ site.locales[locale].welcome_message }}

或者，如果您愿意page.locale：

{{ site.locales[page.locale].welcome_message }}

菜单是一样的；你也可以从 _config.yml 生成它们：

# _config.yml
...
locales:
  en:
    nav:
    - text: Welcome
      url: /en/welcome
    - text: Blog
      url: /en/blog
      layout: post
    ...
  es:
    nav:
    - text: Bienvenido
      url: /es/bienvenido
    - text: Blog
      url: /es/blog
      layout: post
    ...

然后，您可以拥有一个 menu.html，它根据页面区域设置生成正确的菜单：

{% capture locale %}{{ page.url | truncate: 3, "" | remove: "/" }}{% endcapture %}
{% if locale == "" %}{% assign locale = "en" %}{% endif %}
<nav>
<ul class="nav">
{% for link in site.locales[locale].nav %}
  {% assign current = nil %}
  {% if page.url == link.url or page.layout == link.layout %}
    {% assign current = 'current' %}
  {% endif %}

  <li class="{% if forloop.first %}first{% endif %} {{ current }} {% if forloop.last %}last{% endif %}">
    <a class="{{ current }}" href="{{ link.url }}">{{ link.text }}</a>
  </li>
{% endfor %}
</ul>
</nav>

要使用“page.locale”而不是“locale”，只需删除前两行并替换site.locales[locale].nav为site.locales[page.locale].nav

我希望这有帮助。

问候！

于 2011-06-21T10:34:25.473 回答
0

创建一个过滤器怎么样，不是更简单吗？就像是：

<li><a href="http://some.domain.com">{{some_text_id|localize</a></li>
于 2014-05-12T12:13:50.747 回答