Day 16：Next 佈景客製化 - 讓副標題顯示於標題內

Hexo 網站設定當中，除了有標題的設定外，還有所謂的「副標題」來輔助主標題外想補充說明的內容。比方我自己的部落格 Gui Blog - 網站的工具人，其中「Gui Blog」是我的部落格主標題，而「網站的工具人」則是我自己想補充部落格的站長有這樣的一個稱呼。

不過以 Next 來說，預設網站標題僅有主標題，並沒有副標題。而副標題僅會顯示在網站 h1 後面。

預設網站標題不會呈現副標題

動手實作：使副標題也能放入網站標題（title）

修改檔案：themes/next/next/layout/_layout.swig

找到以下這段語法：（約 line 7 處）

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

修改為：

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

完成！

作法就是在原本主標題（<title></title> 內），後面再加上副標題變數，如此一來瀏覽器顯示標題就會在主標題後接著 “-“ 與副標題。

副標題成功放入 title

後記

如果你的網站標題只有設定個主標題，也建議你可以加個副標題看看，能夠輔助主標題無法多敘述的部分，更能凸顯你的個人特色哦！

那今天就先這樣了～（今天好像有點短？沒有啊～都是你的錯覺 XDDDDDD）

本篇文章同步發布於 iT 邦幫忙