iT邦幫忙

2021 iThome 鐵人賽

DAY 16
0
Modern Web

30 天利用 Hexo 打造技術部落格系列 第 16

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


上一篇
Day 15:移除 Hexo 文章點擊「閱讀全文」後網址出現的 `#more`
下一篇
Day 17:Next 佈景客製化 - 將 Social Link 移到主選單
系列文
30 天利用 Hexo 打造技術部落格30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言