Day 16:Next 布景客制化 - 让副标题显示於标题内

Hexo 网站设定当中,除了有标题的设定外,还有所谓的「副标题」来辅助主标题外想补充说明的内容。比方我自己的部落格 Gui Blog - 网站的工具人,其中「Gui Blog」是我的部落格主标题,而「网站的工具人」则是我自己想补充部落格的站长有这样的一个称呼。

不过以 Next 来说,预设网站标题仅有主标题,并没有副标题。而副标题仅会显示在网站 h1 後面。

预设网站标题不会呈现副标题

动手实作:使副标题也能放入网站标题(title)

修改档案:themes/next/next/layout/_layout.swig

找到以下这段语法:(约 line 7 处)

  <title>{% block title %}{% endblock %}</title>

修改为:

  <title>{% block title %}{% endblock %} - {{ subtitle }}</title>

完成!

作法就是在原本主标题(<title></title> 内),後面再加上副标题变数,如此一来浏览器显示标题就会在主标题後接着 "-" 与副标题。

副标题成功放入 title

後记

如果你的网站标题只有设定个主标题,也建议你可以加个副标题看看,能够辅助主标题无法多叙述的部分,更能凸显你的个人特色哦!

那今天就先这样了~(今天好像有点短?没有啊~都是你的错觉 XDDDDDD)

本篇文章同步发布於我的部落格 Gui Blog


<<:  Re-architect - Domain Layer (一)

>>:  [Day23] swift & kotlin 游戏篇!(5) 小鸡BB-游戏制作-Tab功能分页

Day 28. 测试HTTP Status Code

使用SuperTest 使用SSR时,你要负责回应正确的HTTP Status Code。 因为牵涉...

Day15-ProtoType

前言 在经过前面几天的章节之後,我们对於如何使用JavaScript与相关的知识有一些概念了。 今天...

【领域展开 18 式】 我的 Bluehost 帐密不是我 WordPress 的帐密

因缘际会,写这次铁人赛内容时会使用不同台电脑做登入操作 WordPress 上的功能,因此会开设无痕...

前言

你好,我是 ALPHA Camp 的 Bernard。感谢你来阅读我的文章。这次铁人赛我会针对「成为...

Day13-Webhook 实作(二)LINEBot 之 Echo bot

大家好~ 昨天我们已经将 LINEBot 安装完成啦~ 今天来做个 Echo bot 简单认识一下 ...