(21) 試著學 Hexo - NexT 主題篇 - NexT 還有哪些設定?

前言

接下來這一篇算是 Hexo NexT 主題的最後一篇,所以來聊聊它還有那些設定吧。

閱讀全文 More

通常如果我們沒有去做一些設置的話,首頁一進來就會預設看到文章全部內文,以 NexT 來講有三種方式可以開啟 More(閱讀更多) 這個按鈕出來

閱讀更多

第一種是使用手動截斷的方式,在你想截斷的地方輸入以下就可以截斷

1
<!--more-->

第二種方式則是使用自動截斷的方式,打開 themes/_config.yml,然後在尾端新增

1
2
3
auto_excerpt:
enable: true
length: 100

但在這邊如果要使用自動截斷的方式的話,依照 官方說明 是必須額外安裝套件,也就是 hexo-excerpt

最後一種方式也是我目前使用的方式,使用的方式很簡單,只需要在文章欄位區塊加上 description 就可以了

1
2
3
4
5
6
---
title: 我的第一篇部落格文章
date: 2020-07-18 14:10:24
tags:
description:
---

這樣在呈現時,就會自動以你提供的 description 來隱藏其餘內容

description

關閉 Powered by Hexo & NexT

以我自己來講,其實我不太喜歡這個東西,雖然通常我會關閉,你只需要搜尋 Powered by Hexo & NexTtrue 改成 false 就可以囉。

但實際上這是尊重原作者,但我自己是不喜歡這個,剛好官方又有提供,所以就…稍微提一下吧。

在 「Powered by Hexo & NexT」上方其實有一個版權宣告 copyright 的字眼,以我自己來講我會希望想轉載我文章的人可以附上原文連結,那我就會寫

1
2
# If not defined, `author` from Hexo `_config.yml` will be used.
copyright: 若要轉載文章,麻煩請保留原作者名稱與原始連結。

版權宣告

(雖然我文章寫得很廢,都是一推筆記,但還是會希望尊重一下原本的作者,我自己在寫筆記時也都會補上我參考哪些文章而寫出來。)

其實版權宣告的前面也可以修改其他 icon (預設是愛心),而且你也可以給予動畫效果,在這邊只需要搜尋 Icon between year and copyright info. 就可以看到相關設置,這邊我舉例改成其他 icon 並且開啟動畫效果

1
2
3
4
5
6
7
icon:
# Icon name in Font Awesome. See: https://fontawesome.com/icons
name: fab fa-accessible-icon
# If you want to animate the icon, set it to true.
animated: true
# Change the color of icon, using Hex Code.
color: "#ff0000"

接下來你應該就可以看到新的 icon 以及跳動的 icon,這邊我就不貼圖示意,讓各位自己去嘗試哩。

頭像

最後來講頭像的設置,通常頭像預設是關閉的,你只需要搜尋 Sidebar Avatar 然後將頭像圖片 url 填入就可以。

而另外兩個選項分別是 roundedrotated,一個是圓形頭像另一個則是旋轉頭像,我個人是覺得圓形比較好看,而旋轉頭像則是在使用者滑入頭像時旋轉一圈而已。

1
2
3
4
5
6
7
8
# Sidebar Avatar
avatar:
# Replace the default image and set the url here.
url: /images/avatar.gif
# If true, the avatar will be dispalyed in circle.
rounded: true
# If true, the avatar will be rotated with the cursor.
rotated: true

那由於 NexT 可以設置的地方真的非常的多,所以我只介紹我有改過我目前正在使用的設置,那麼今天鐵人賽就先到這邊,我們下一篇見 :D