(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 & NexT 將 true 改成 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 填入就可以。

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

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

0%