hexo Blog頁面與Next主題

延續 hexo 架設Blog紀錄 後續，繼續添加分類頁面標籤頁面等，並使用Next主題修改的紀錄過程。

新增標籤及分類頁面

hexo部分頁面是要手動生成,使用Git Bash Here 陸續打下以下指令

hexo new page tags  //新增標籤頁面
hexo new page categories  //新增分類頁面
hexo new page about  //新增關於頁面

打完指令會可以到 source 資料夾出現相對應名稱的資料夾,皆有各自的 index.md 檔案

先選tags,打開index.md,輸入 type: “tags”

---
title: tags
date: 2020-02-08 21:48:38
type: "tags"
---

選categories,打開index.md,輸入 type: “categories”

type: "categories"

選about,打開index.md,輸入 type: “about”

type: "about"

顯示滾動百分比

在主題 (Theme) 配置文件_config.yml中,找到scrollpercent: false 修改成 scrollpercent: true 即可呈現滾動百分比

scrollpercent: true

修改頭像

在主題 (Theme) 配置文件_config.yml中,查詢 avatar,修改以下資料

avatar:
  url: /images/avatar.gif // 頭像路徑
  rounded: false // 頭像是否為圓形
  opacity: 1 // 透明度
  rotated: false // 滑鼠移過去是否自動旋轉

版權宣告

取消底下的由 Hexo 強力驅動 vX.X.X | 主題 — NexT
在主題 (Theme) 配置文件_config.yml中,查詢 powered:與 theme:,將其中屬性 enable: 都改成 false

powered:    
  enable: false  //取消由 Hexo 強力驅動

theme:    
  enable: false  //取消主題 — NexT

找到copyright:,可換上自己想要的文字,例如 Gary - 轉載文章請附上作者及原文連結

Note標籤

Note標籤 (Bootstrap Callout) 寫法

{% note [class] [no-icon] %}
要寫在標籤內的內容
{% endnote %}

要寫在標籤內的內容

[class]有以下幾種,選擇更換 : default | primary | success | info | warning | danger.
[no-icon] : 主題 (Theme) 配置文件有開啟標籤小圖示,可以直接加上直接隱藏

以下各種個顏色模式的標籤 :

{% note default %}  **default**  {% endnote %}

default

{% note primary %}  **primary**  {% endnote %}

primary

{% note success %}  **success**  {% endnote %}

success

{% note info %}  **info**  {% endnote %}

info

{% note warning %}  **warning**  {% endnote %}

warning

{% note danger %}  **danger**  {% endnote %}

danger

在主題 (Theme) 配置文件_config.yml中,查詢 note:裡的style,有四個模式

simple    //預設全線框，左側邊粗線框
modern    //全底色無線框
flat      //全底色線框，左側邊粗線框
disabled  //無效果

下一排icons:裡的用 false/true 決定是否開啟標籤內的小圖示

icons: true

另外其他標籤寫法可以參考 完整的標籤列表