href="https://www.cnblogs.com/ljbguanli/p/19620264"

title="发布于

aria-level="2">完整教程：101、【Ubuntu】【Hugo】搭建私人博客：元信息&翻译（二）

xmlns="http://www.w3.org/2000/svg">

d="M5,0

style="-webkit-tap-highlight-color:

rgba(0,

0)">

【声明】本博客所有内容均为个人业余时间创作，所述技术案例均来自公开开源项目（如Github，Apache基金会），不涉及任何企业机密或未公开技术，如有侵权请联系删除

背景

上篇

blog

href="https://weston-wyh.blog.csdn.net/article/details/156992108"

rel="noopener

nofollow">【Ubuntu】【Hugo】搭建私人博客：元信息&翻译（一）

显示，.Param

translation_list.html

id="_5">搭建私人博客

translation_list.html

punctuation">.IsTranslated

punctuation">.Params

class="token

punctuation">.Params

class="token

string">"ShowReadingTime"

class="token

punctuation">.IsZero

class="token

operator">&nbsp

class="token

operator">&nbsp

class="token

string">"i18n_list"

class="token

punctuation">.Translations

punctuation">.Params

class="token

punctuation">.displayFullLangName

punctuation">.Language

class="token

punctuation">.LanguageName

class="token

punctuation">.Language

class="token

punctuation">.LanguageName

punctuation">}

下面来详细分析下：

• {{-

  .IsTranslated

  -}}：用来判断当前页面是否有其他语言的翻译版本，这里

  Hugo

  的内置变量，只有当启用了多语言（i18n），并且当前文章在多个语言结构是这样

translation_list.html

就不会被渲染，保持页面干净

• {{-

  (ne

  translation_list，这里多说一嘴，PaperMod

  主题这里和前面

  translation_list.html

  自相矛盾，明明

  模块就不支持搜索页面，search.html

  搜索模块还去引入

  src="https://i-blog.csdnimg.cn/direct/b3fe6633acf04596b116db4c055cef32.png">

接下来这个有点长

string">"ShowReadingTime"

class="token

operator">&nbsp

class="token

operator">|&nbsp

class="token

operator"></span

class="token

operator">>

|

这里的内容吧，<span>

HTML

中一个非常基础常用的标签，其作用是给一段文本或行内内容打个包裹，方便加样式，加行为等，但又不会影响排版结构，这里的文本就是

Translations，举个例子，下面这么一段文字

language-html">今天天气很好，适合出门

如果想把【很好】这两个字标红，但又不希望换行，不希望像标题那样独占一行，这个时候就可以用

给这俩字给包裹上

punctuation"><span

punctuation">;

class="token

punctuation">"

class="token

punctuation">>很好

class="token

punctuation"></span

class="token

punctuation">>，适合出门

这样【很好】俩字变红了，但整句话还是在同一行，没有任何布局变化，<span>

的核心特点就是

• 作为行内元素，不会强制换行，和其他文字在同一行显式
• 无默认样式，浏览器不会给里面的元素加粗，变色，留白等
• 纯粹是容器，本身没有语义，只为了包裹内容，方便后续操作

OK，那么就知道分隔符

|

punctuation">.Params

class="token

punctuation">.Params

class="token

string">"ShowReadingTime"

class="token

punctuation">.IsZero

class="token

operator">&nbsp

class="token

operator">&nbsp

class="token

punctuation">}

前面加一个

信息包括

• .Param.author：文章

  front

  里写了作者

• site.Params.author：或者

  "ShowReadingTime"：启用了阅读时长显示

• .Date.IsZero：文章有有效发布日期（非零值）

这些元信息只要有一个的话，就加上分隔符

class-name">read

就上翻译后就变成

punctuation">]

如果没有

|，比如假设这篇文章没写作者，没开阅读时间，甚至没写日期（比较少见），那么前面是空的，这时候如果还加上分隔符

punctuation">[English

class="token

punctuation">]

这样就显得很多余，排版混乱

---

OK，本篇先到这里，如有疑问，欢迎评论区留言讨论，祝各位功力大涨，技术更上一层楼！

！

！

更多内容见下篇

blog
【Ubuntu】【Hugo】搭建私人博客：元信息&翻译（三）