主題

Hexo 簡易調教指南（二）：網站設定

沙連 | 2021-05-23 15:20:01 | 巴幣 116 | 人氣 650

建立好屬於自己的網站之後，接著就是要開始調整網站內的設定了

一般來說需要設定的會有網站和主題兩個部分，我們先從簡單的網站設定做起

資料夾結構

在調整各項設定之前，先來認識一下網站資料夾內有什麼東西吧

打開上篇所建立的資料夾會看到以下的檔案結構

┌─ .github
├─ node_modules
├─ public
├─ scaffolds
├─ source
├─ themes
├─ .gitignore
├─ _config.landscape.yml
├─ _config.yml
├─ db.json
├─ package.json
└─ package-lock.json

node_modules

網站會使用到的套件都放置於此，同時使用 npm 指令安裝的主題也會在這裡

按照上一篇使用 npm 安裝 NexT 主題，就能在這裡面找到 hexo-theme-next 資料夾

public

需要使用 hexo g 指令之後才會產生這一個資料夾

裡面存放的是靜態網站的檔案，部屬網站實際上就是上傳這個資料夾裡面的檔案

scaffolds

預設會有 post.md、draft.md 和 page.md 三個檔案

每個檔案的內容會影響到新文章在初始化時所給予的內容

source

放置各種資源的資料夾，預設是存放文章、草稿以及頁面，也可以將圖片等資料放在這裡

如果不想要上傳某些檔案或資料夾，可以在檔案或資料夾名稱前面加上底線（_）

但是放置文章的 _posts 名稱本來就含有底線，所以這個規則對它並不適用

themes

使用 git clone 所加入的主題會放置在這裡

.gitignore

不想被上傳的資料可以列在這個檔案裡面

_config.landscape.yml

這個是 Hexo 內建主題 landscape 的配置檔案

因為已經安裝 NexT 主題，所以這個檔案已經沒出場機會了

_config.yml

網站的配置檔案，網站資訊、主題、網址等等的設定都包含在此

網站設定

在 _config.yml 裡面總共有 12 項可供調整：

Site（網站資訊）
URL（永久連結）
Directory（目錄）
Writing（寫作）
Home page setting（主頁設定）
Category & Tag（分類及標籤）
Metadata elements（詮釋資料元素）
Date / Time format（日期／時間格式）
Pagination（分頁）
Include / Exclude file(s)（包含／排除資料）
Extensions（擴充套件）
Deployment（部屬）

設定網站資訊

在 # Site 中可以設定網站標題、描述、作者等資訊

# Site
title: Hexo # 網站標題
subtitle: '' # 網站子標題
description: '' # 網站描述
keywords: # 網站關鍵字
author: John Doe # 作者名稱
language: en # 網站顯示語言
timezone: '' # 時區

調整永久網址

在 # URL 中需要調整兩個欄位

url 欄位填入第一篇所建立的專案名稱

permalink 欄位可以自訂 url 後面顯示的內容，關於可使用的變數可以到官方教學文件觀看

# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: https://<username>.github.io/ # "https://" 後面改成自己的專案名稱
permalink: :year/:month/:day/:title/ # 按照教學文件內提供的變數來更改
permalink_defaults:
pretty_urls:
trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
trailing_html: true # Set to false to remove trailing '.html' from permalinks