Basic Usage
Learn how to configure the basic settings of the Solitude theme.
Site Configuration
Modify various site information, such as title, subtitle, email, and other personal details.
# Site
title: Fifty-seven # Blog title
subtitle: "" # Subtitle
description: Careful efforts and possession. # Blog description
keywords: Fifty-seven # Blog keywords
author: Fifty-seven # Author name
language: zh-CN # Language
timezone: Asia/Shanghai # Timezone (please check yourself)
# Site Information
site:
name:
class: text # text / i_class / img
custom: Solitude # Solitude / fas fa-ghost / /img/pwa/favicon.ico
icon: /img/pwa/favicon.png # Site icon
Navigation Menu
# Navigation bar
nav:
# Left Box
group:
# project: # name
# Solitude: https://github.com/everfu/hexo-theme-solitude || /img/pwa/favicon.ico # name: url || icon
# Menu
menu:
# Home: / # name: link
# Library: # name
# All Posts: /archives/ || fas fa-folder-closed # item name: link || icon
# All Categories: /categories/ || fas fa-clone
# All Tags: /tags/ || fas fa-tags
# Friends:
# Moments: /moments/ || fas fa-wifi
# Links: /links/ || fas fa-user-group
# Treasure Bloggers: javascript:travelling() || fas fa-gift
# About:
# My Equipment: /equipment/ || fas fa-laptop
# Online Tools: /tlink/ || fas fa-toolbox
# Music Hall: /music/ || fas fa-music
# Right button
right:
random: false # Random article button
custom:
# - name: Travelling
# url: https://www.travellings.cn/go.html
# icon: fas fa-train
# onclick:
# id: travellings_button
# Left Box
group:
Project: # name
Solitude: https://github.com/everfu/hexo-theme-solitude || /img/pwa/favicon.ico # name: url || icon
# Menu
menu:
Home: / # name: link
Library:
All Posts: /archives/ || fas fa-folder-closed
All Categories: /categories/ || fas fa-clone
All Tags: /tags/ || fas fa-tags
Friends:
Moments: /moments/ || fas fa-wifi
Links: /links/ || fas fa-user-group
Treasure Bloggers: javascript:travelling() || fas fa-gift
About:
My Equipment: /equipment/ || fas fa-laptop
Online Tools: /tlink/ || fas fa-toolbox
Music Hall: /music/ || fas fa-music
# Right button
right:
random: false # Random article button
custom:
# - name: Travelling
# url: https://www.travellings.cn/go.html
# icon: fas fa-train
# onclick:
# id: travellings_button
::
Homepage Top
hometop:
enable: false
banner:
title: Share Technology<br >and Tech Life # Large text
desc:
A person who loves life # Small text
# - I'm just an ordinary programmer
# - But I have an extraordinary dream
# - I hope to change the world
icon:
# HTML:
# img: https://i.postimg.cc/vBWVnY8q/html.png
# color: "#e9572b"
# JS:
# img: https://i.postimg.cc/3N10Ltv2/js.png
# color: "#f7cb4f"
# Docker:
# img: https://i.postimg.cc/8Pk6Fg24/docker.png
# color: "#57b6e6"
# Flutter:
# img: https://i.postimg.cc/hPC7T3gB/flutter.png
# color: "#ffffff"
# WebPack:
# img: https://i.postimg.cc/dVLZBmtT/webpack.png
# color: "#2e3a41"
# Git:
# img: https://i.postimg.cc/nhgjwjCS/git.png
# color: "#df5b40"
group:
# Hot: /tags/Fire/ || fas fa-fire || linear-gradient(to right,#f65,#ffbf37)
recommendList:
enable: true
sup: Top
title: Solitude Official Docs
url: https://solitude.js.org/
img: /img/default.avif
color: "none"
Set the best recommended information, you can get:
By configuring
recommend: true
in the article's Front Matter, you can display the recommended list at the top of the homepage.
recommendList:
enable: true
sup: Top
title: Solitude Official Docs
url: https://solitude.js.org/
img: /img/default.avif
color: "none"
hometop:
enable: false
banner:
title: Share Technology<br >and Tech Life # Large text
desc:
A person who loves life # Small text
# - I'm just an ordinary programmer
# - But I have an extraordinary dream
# - I hope to change the world
icon:
# HTML:
# img: https://i.postimg.cc/vBWVnY8q/html.png
# color: "#e9572b"
# JS:
# img: https://i.postimg.cc/3N10Ltv2/js.png
# color: "#f7cb4f"
# Docker:
# img: https://i.postimg.cc/8Pk6Fg24/docker.png
# color: "#57b6e6"
# Flutter:
# img: https://i.postimg.cc/hPC7T3gB/flutter.png
# color: "#ffffff"
# WebPack:
# img: https://i.postimg.cc/dVLZBmtT/webpack.png
# color: "#2e3a41"
# Git:
# img: https://i.postimg.cc/nhgjwjCS/git.png
# color: "#df5b40"
group:
Hot: /tags/Fire/ || fas fa-fire || linear-gradient(to right,#f65,#ffbf37)
This section appears below the homepage top banner, displaying popular tags.
group:
Hot: /tags/Fire/ || fas fa-fire || linear-gradient(to right,#f65,#ffbf37)
Sidebar
# --------------------------- start ---------------------------
# Aside
# Sidebar
aside:
# Values: about (info card), newestPost (latest article), allInfo (website information), newest_comment (latest comment)
# Sticky: Fixed position / noSticky: Not fixed position
home: # on the homepage
noSticky: "about"
Sticky: "allInfo"
post: # on the article page
noSticky: "about"
Sticky: "newestPost"
page: # on the page
noSticky: "about"
Sticky: "newestPost,allInfo"
# Sidebar position (0: left 1: right)
position: 1 # Sidebar positioning (0: left 1: right)
# --------------------------- start ---------------------------
# Information card
my_card:
author:
img: /img/logo.png # url
sticker: # url, 24x24 size
# Introduction
description: Only by facing the wind can a kite fly higher.
# Content
content: # This is my Blog
state:
morning: ✨ Good morning, a new day has begun
noon: 🍲 Lunch time
afternoon: 🌞 Good afternoon
night: Rest early
goodnight: Good night 😴
witty_words:
# - You can do it
# - You will definitely make it
# - Good luck, stranger
# social
information:
# Github: https://github.com/everfu || fab fa-github
# Bilibili: https://space.bilibili.com/1329819902 || fab fa-bilibili
# --------------------------- end ---------------------------
# --------------------------- start ---------------------------
# article table of contents
toc:
post: true
page: false
vague: true
# --------------------------- end ---------------------------
# --------------------------- start ---------------------------
# Tags
tags:
enable: false
limit: 20 # Number of tags displayed
# Highlighted tags
highlight_list:
# - Hexo
# --------------------------- end ---------------------------
# --------------------------- start ---------------------------
# Site Info
siteinfo:
# Number of articles
postcount: true
# Total number of words
wordcount: false
# PV
pv: true
# UV
uv: true
# Last update date
updatetime: true
# Website creation time
runtimeenable: true
# Format: yyyy-MM-dd hh-mm-ss
runtime: "2023-04-20 00:00:00"
# --------------------------- end ---------------------------
# --------------------------- end ---------------------------
This section configures sidebar properties. noSticky
means not fixed position, Sticky
means fixed position.
You can also customize sidebar content, such as author info card, table of contents, tag cloud, and site info.position
sets the sidebar position, 0 for left, 1 for right.
# Sticky: Fixed position / noSticky: Not fixed position
home: # on the homepage
noSticky: "about"
Sticky: "allInfo"
post: # on the article page
noSticky: "about"
Sticky: "newestPost"
page: # on the page
noSticky: "about"
Sticky: "newestPost,allInfo"
# Sidebar position (0: left 1: right)
position: 1 # Sidebar positioning (0: left 1: right)
# --------------------------- start ---------------------------
# Information card
my_card:
author:
img: /img/logo.png # url
sticker: # url, 24x24 size
# Introduction
description: Only by facing the wind can a kite fly higher.
# Content
content: # This is my Blog
state:
morning: ✨ Good morning, a new day has begun
noon: 🍲 Lunch time
afternoon: 🌞 Good afternoon
night: Rest early
goodnight: Good night 😴
witty_words:
# - You can do it
# - You will definitely make it
# - Good luck, stranger
# social
information:
# Github: https://github.com/everfu || fab fa-github
# Bilibili: https://space.bilibili.com/1329819902 || fab fa-bilibili
# --------------------------- end ---------------------------