基本設定
Solitudeテーマの基本設定方法を学びます。
サイト設定
タイトル、サブタイトル、メールアドレスなどの個人情報など、ウェブサイトの各種情報を変更します。
Hexoとテーマの設定で、まずサイト関連の情報を設定することをお勧めします
_config.yml
_config.solitude.yml
# Site
title: 伍拾柒 # ブログタイトル
subtitle: "" # サブタイトル
description: 小心翼翼的努力并拥有着。 # ブログ概要
keywords: 伍拾柒 # ブログキーワード
author: 伍拾柒 # ブログ作者
language: ja-JP # 言語
timezone: Asia/Shanghai # タイムゾーン(ご自分で確認してください)
# 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 # サイトアイコン / ウェブサイトアイコン
ナビゲーションメニュー
全部
盒子
菜单
右側ボタン
# 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:
# ホーム: / # name: link
# 文庫: # name
# すべての記事: /archives/ || fas fa-folder-closed # item name: link || icon
# すべての分類: /categories/ || fas fa-clone
# すべてのタグ: /tags/ || fas fa-tags
# 友達リンク:
# 友達リンク: /links/ || fas fa-user-group
# 宝藏ブロガー: javascript:travelling() || fas fa-gift
# 紹介:
# 私の装備: /equipment/ || fas fa-laptop
# オンラインツール: /tlink/ || fas fa-toolbox
# 音楽館: /music/ || fas fa-music
# Right button
# 右側ボタン
right:
random: false # ランダム記事 / ランダム記事ボタン
custom:
# - name: 開往 # 名前
# url: https://www.travellings.cn/go.html # リンク
# icon: fas fa-train # アイコン
# onclick: # クリックイベント
# id: travellings_button # ID
# Left Box
# 左側ボックス
group:
プロジェクト: # 名
Solitude: https://github.com/everfu/hexo-theme-solitude || /img/pwa/favicon.ico # 名前: リンク || アイコン
# Menu
# メニュー
menu:
ホーム: / # 名前: リンク
文库: # 名前
すべての記事: /archives/ || fas fa-folder-closed # アイテム名: リンク || アイコン
すべての分類: /categories/ || fas fa-clone
すべてのタグ: /tags/ || fas fa-tags
友鏈:
友達リンク: /links/ || fas fa-user-group
宝藏ブロガー: javascript:travelling() || fas fa-gift
紹介:
私の装備: /equipment/ || fas fa-laptop
オンラインツール: /tlink/ || fas fa-toolbox
音楽館: /music/ || fas fa-music
# Right button
# 右側ボタン
right:
random: false # ランダム記事 / ランダム記事ボタン
custom:
# - name: 開往 # 名前
# url: https://www.travellings.cn/go.html # リンク
# icon: fas fa-train # アイコン
# onclick: # クリックイベント
# id: travellings_button # ID
::
ホームトップページ
全部
推奨リスト
トップバナー
グループ
hometop:
enable: false
banner:
title: 技術を共有<br >と技術的な生活 # 大字
desc:
生活を愛する人 # 小字
# - 私は普通のプログラマーです
# - しかし、私は不平凡な夢を持っています
# - 私は世界を変えることができると思います
icon:
# HTML: # name
# img: https://i.postimg.cc/vBWVnY8q/html.png # url
# color: "#e9572b" # color
# 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:
# 热门: /tags/Fire/ || fas fa-fire || linear-gradient(to right,#f65,#ffbf37)
recommendList:
enable: true
sup: トップ
title: Solitude 公式ドキュメント
url: https://solitude.js.org/
img: /img/default.avif
color: "none"
最適な推奨情報を設定すると、次のようになります:
記事の Front Matter に recommend: true
を設定すると、ホームトップに推奨リストが表示されます。
recommendList:
enable: true
sup: トップ
title: Solitude 公式ドキュメント
url: https://solitude.js.org/
img: /img/default.avif
color: "none"
hometop:
enable: false
banner:
title: 技術を共有<br >と技術的な生活 # 大字
desc:
生活を愛する人 # 小字
# - 私は普通のプログラマーです
# - しかし、私は不平凡な夢を持っています
# - 私は世界を変えることができると思います
icon:
# HTML: # name
# img: https://i.postimg.cc/vBWVnY8q/html.png # url
# color: "#e9572b" # color
# 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:
人気: /tags/Fire/ || fas fa-fire || linear-gradient(to right,#f65,#ffbf37)
この部分はホームトップの上部にあり、人気のタグを表示します。
group:
人気: /tags/Fire/ || fas fa-fire || linear-gradient(to right,#f65,#ffbf37)
サイドバー
全部
設定
情報カード
目次
タグ
ウェブサイト情報
# --------------------------- start ---------------------------
# Aside
# サイドバー
aside:
# Values: about (info card), newestPost (latest article), allInfo (website information), newest_comment (latest comment)
# 値: about(情報カード), newestPost(最新記事), allInfo(ウェブサイト情報), newest_comment(最新コメント)
# Sticky: Fixed position / noSticky: Not fixed position
# Sticky: 固定位置 / noSticky: 固定位置ではない
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"
# メニューバー位置(0: 左 1: 右)
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: 風が吹くと、風船が飛ぶ。
# 内容 / Content
content: # これは私のブログです / This is my Blog
state:
morning: ✨ おはようございます、新しい一日が始まりました
noon: 🍲 昼食時間
afternoon: 🌞 こんにちは
night: 早く寝てください
goodnight: おやすみなさい 😴
witty_words:
# - あなたはできる
# - あなたはできる
# - 幸運を祈ります、知らない人
# social
# ソーシャル情報アイコン
information:
# Github: https://github.com/everfu || fab fa-github # Name: link || icon
# 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
# 形式: yyyy-MM-dd hh-mm-ss
runtime: "2023-04-20 00:00:00"
# --------------------------- end ---------------------------
# --------------------------- end ---------------------------
この部分はサイドバーの属性を設定します。noSticky
は固定位置ではないことを示し、Sticky
は固定位置を示します。
この部分では、サイドバーの内容をカスタマイズすることもできます。例えば、作者情報カード、記事目次、タグクラウド、ウェブサイト情報などです。position
はサイドバーの位置を設定するために使用されます。0 は左側、1 は右側を示します。
# Sticky: Fixed position / noSticky: Not fixed position
# Sticky: 固定位置 / noSticky: 固定位置ではない
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"
# メニューバー位置(0: 左 1: 右)
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: 風が吹くと、風船が飛ぶ。
# 内容 / Content
content: # これは私のブログです / This is my Blog
state:
morning: ✨ おはようございます、新しい一日が始まりました
noon: 🍲 昼食時間
afternoon: 🌞 こんにちは
night: 早く寝てください
goodnight: おやすみなさい 😴
witty_words:
# - あなたはできる
# - あなたはできる
# - 幸運を祈ります、知らない人
# social
# ソーシャル情報アイコン
information:
# Github: https://github.com/everfu || fab fa-github # Name: link || icon
# 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
# 形式: yyyy-MM-dd hh-mm-ss
runtime: "2023-04-20 00:00:00"
# --------------------------- end ---------------------------
ページ設定
# --------------------------- start ---------------------------
# Page default settings
# ページデフォルト設定
page:
# 404 page
# 404 ページ
error: true
# Tags page
# タグページ
tags: true
# Categories page
# カテゴリページ
categories: true
# list: Sort List / 1: Follow HomeList
# list: 並べ替えリスト / 1: ホームリストに従う
archives: 0
# Default value
# デフォルト値
default:
# Default image when no cover is set
# カバーが設定されていない場合のデフォルト画像
cover:
# - /img/default.png # デフォルト画像 / default cover
# --------------------------- end ---------------------------
記事設定
# --------------------------- start ---------------------------
# Post default settings
# 記事デフォルト設定
post:
default:
# Default image when no cover is set
# カバーが設定されていない場合のデフォルト画像
cover:
# - # 默认图片 / default cover
# Location
# 位置
locate: China
# Copyright
# 著作権
copyright:
enable: true
author: /img/logo.png # url
# License
# 许可证
license: CC BY-NC-SA 4.0
# License link
# 许可证链接
licenurl: https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans
# Article Local AI
# 記事ローカルAI
ai:
enable: false
modelName: 小七 GPT
# Article meta information
# 記事メタ情報
meta:
# Release date
# リリース日
date: false
# Update date
# 更新日
updated: false
# Location
# 場所
locate: false
# Number of words
# 単語数
wordcount: false
# uv
readtime: false
# pv
pv: false
# Comment count
# コメント数
comment: false
# Reward
# 賞賛
award:
enable: false
appreciators: /about/ # Reward page
# Reward Title
# 賞賛タイトル
title: # ありがとうございます。 / 感謝します
desc: # あなたのサポートのおかげで、私は記事を書く価値を実現できました。 / あなたのサポートのおかげで、私は記事を書く価値を実現できました。
# Reward list
# 賞賛リスト
list:
# - name: Github Sponsor
# qcode: https://s3.qjqq.cn/47/661ba900c4bc1.webp!color
# url: https://github.com/sponsors/everfu
# color: var(--efu-black)
# Share icon
# 共有アイコン
share:
enable: false
list:
# - qq
# - weibo
# - twitter
# - facebook
# - telegram
# - whatsapp
# - linkedin
# - link
# - qrcode
rss: # /atom.xml
# Article reading progress
# 記事カバー取色
covercolor:
enable: false
# local: local color / api: api color / ave: oss average color
mode: local
# api address / api アドレス
api: https://api.qjqq.cn/api/Imgcolor?img=
# Storage / キャッシュ時間
time: 43200000
footer:
enable: false
desc: # Articles from Ever Fu. / 記事はEver Fuから来ました # description
button: # Button
enable: true
name: # Learn more / もっと学ぶ
url: /about/
# --------------------------- end ---------------------------
主题色
# --------------------------- start ---------------------------
# Custom Theme Color
theme_color:
dark: "#ffc848" # dark
light: "#425AEF" # light
# --------------------------- end ---------------------------
表示モード
# --------------------------- start ---------------------------
# display mode
# 表示モード
display_mode:
# auto: automatic switching(Recognize the current theme mode of the device) / dark: dark mode / light: light mode
# auto: 自動切り替え(デバイスの現在のテーマモードを認識) / dark: 深色モード / light: 浅色モード
type: auto
# After opening, the dark mode will display the starry sky background
# 開くと、深色モードで星空背景が表示されます
universe: false
# --------------------------- end ---------------------------
フォント設定
# --------------------------- start ---------------------------
# Font
# フォント
font:
font-size: 16px
code-font-size: 16px
# Global font
# グローバルフォント
font-family: "PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif"
# Code font
# コードフォント
code-font-family: '"monospace", monospace'
# --------------------------- end ---------------------------
不正クリック
# --------------------------- start ---------------------------
# Lure
# When the user exits the page, modify the title
# ユーザーがページを離れるときにタイトルを変更します
lure:
enable: false
jump: 404 Not Found
back: ヾ(≧∇≦*)ゝHey, hey, you fell for it.
# --------------------------- end ---------------------------
記事期限の警告
# --------------------------- start ---------------------------
# Article expiration
# 記事期限
expire:
enable: false
time: 30 # days
position: top # top / bottom
text_prev: "This article expired "
text_next: " day ago, if the content does not match, please contact the webmaster to update it."
# --------------------------- end ---------------------------
ホーム記事リスト
# --------------------------- start ---------------------------
# Home page article configuration information
# ホーム記事設定情報
index_post_list:
direction: column # row / column
column: 2 # 2: 2 columns 3: 3 columns
cover: both
# --------------------------- end ---------------------------
関連記事
# --------------------------- start ---------------------------
# Related articles
# 関連記事
related_post:
enable: false
limit: 2
# created: release date / updated: update date
# created: リリース日 / updated: 更新日
date_type: created
# --------------------------- end ---------------------------
右クリックメニュー
# --------------------------- start ---------------------------
# Custom right menu
# カスタム右クリックメニュー
right_menu:
enable: false
# Whether to display the hot comment switch.
# ホットコメントスイッチを表示するかどうか
commentBarrage: false
# Whether to display the browser's context menu when hold Ctrl key.
# Ctrl キーを押しながらブラウザのコンテキストメニューを表示するかどうか
ctrlOriginalMenu: false
# Simplified and Traditional Chinese translation.
# 簡体字と繁体字の翻訳
translate: false
# Custom list
# カスタムリスト
custom_list:
# - name: ランダム記事
# click: toRandomPost()
# id: menu-randomPost
# class:
# icon: fas fa-tower-broadcast
# - name: すべてのカテゴリ
# click: pjax.loadUrl('/categories/') # External links with window.open, pjax can not request cross-domain content.
# id:
# class:
# icon: fas fa-clone
# - name: すべてのタグ
# click: pjax.loadUrl('/tags/')
# id:
# class:
# icon: fas fa-tags
# --------------------------- end -----------------------
翻訳
# --------------------------- start ---------------------------
translate:
enable: true
defaultEncoding: 2 # 1: デフォルト繁体 2: デフォルト簡体
translateDelay: 0 # 最初の翻訳遅延時間
# --------------------------- end ---------------------------
コピー
# --------------------------- start ---------------------------
# Copy
# information
# コピー情報
copy:
enable: false
# Turn on Link copyright information after copying.
# コピー後のリンク著作権情報
copyright:
enable: false
# Display when the number of words copied exceeds
# コピー文字数が超えたときに表示
limit: 50
# --------------------------- end ---------------------------
コンソール
# --------------------------- start ---------------------------
# Console
# コンソール
console:
enable: false
# Recent comments
# 最新コメント
recentComment:
enable: false
# Cache time 1: 1 day / .5 : half a day
# キャッシュ時間 1: 1日 / .5 : 半日
storage: .2
card:
# Tags
# タグ
tags: true
# Archives
# アーカイブ
archive: "month" # month: by month / year: by year
# --------------------------- end ---------------------------
404 ページ
# --------------------------- start ---------------------------
# 404 page
# 404 ページ
errorpage:
img: /img/404.avif
text: =awa= Page Not Found # Text
recommendList: true
# --------------------------- end ---------------------------
音楽
# --------------------------- start ---------------------------
# Meting API
# This part of the content uses metingjs,
# can only use NetEase Cloud Music, QQ Music and other music platforms supported by the mainland China region,
# the subsequent consideration of the use of JSON files to store music information and customize the implementation of the third-party API does not depend on the page.
# Music Page
meting_api: "https://meting.qjqq.cn/?server=:server&type=:type&id=:id&auth=:auth&r=:r" # Custom API
# --------------------------- end ---------------------------
# --------------------------- start ---------------------------
# Capsule music
# 音楽カプセル
capsule:
enable: false
# 歌単 ID / シングル ID
id: 5144842535
# サービス:netease / qq / xiami / kugou / baidu
server: netease
# タイプ:playlist / song
type: playlist
volume: 0.8
# --------------------------- end ---------------------------
無障害
# --------------------------- start ---------------------------
# Quick Menu
# Open with shift + ?
# ショートカットメニュー
# shift + ? を使用して開く
keyboard:
enable: false
list:
# - name: ショートカットメニューを閉じる
# key: K
# func: keyboard
# - name: コンソールを開く
# key: A
# sco: showConsole
# - name: 音楽を再生/一時停止
# key: M
# sco: musicToggle
# - name: 友達リンクを開く
# key: L
# url: /links/
# --------------------------- end ---------------------------
画像遅延読み込み
# --------------------------- start ---------------------------
# Lazyload
# 画像遅延読み込み
lazyload:
enable: false
# post, site
field: site
# 読み込み時の置換画像
placeholder: ""
# 読み込み失敗時の置換画像
errorimg: /img/error_load.avif
# --------------------------- end ---------------------------
読み込みアニメーション
# --------------------------- start ---------------------------
# Loading
# 読み込み
loading:
# Full screen loading
# 全画面読み込み
fullpage: false
# Loading icon, default is siteicon
# 読み込みアイコン、デフォルトはsiteicon
favicon: /img/favicon.png
# Pace loading
# Pace 読み込み
pace: true
# --------------------------- end ---------------------------
コードハイライト
# --------------------------- start ---------------------------
# Highlight
# コードブロックハイライト
highlight:
enable: true
# Display the fold button when the number of words exceeds
# 単語数が超えたときに折りたたみボタンを表示
limit: 200
# Whether to enable the copy button
# コピーボタンを有効にするかどうか
copy: true
# Whether to expand by default
# デフォルトで展開するかどうか
expand: true
# default: default / mac : apple terminal
# default: デフォルト / mac : アップルターミナル
theme: mac
# default / solidity / dracula
color: default
# --------------------------- end ---------------------------
画像ライトボックス
# --------------------------- start ---------------------------
# Lightbox
# 画像ライトボックス
lightbox: false
# warning: Please select any one, but cannot be turned on at the same time.
# 警告: 请任选其一,但不能同时开启。
fancybox: false # fancybox
mediumZoom: false # mediumZoom
# --------------------------- end ---------------------------
Open Graph
# --------------------------- start ---------------------------
# OpenGraph
OpenGraph:
enable: false
options:
# twitter_card:
# twitter_image:
# twitter_id:
# twitter_site:
# google_plus:
# fb_admins:
# fb_app_id:
# --------------------------- end ---------------------------
ウェブサイトグレー
# --------------------------- start ---------------------------
# Memorial
# Turn the entire site gray on memorable days.
# 記念日にウェブサイト全体をグレーにします
memorial:
enable: false
date:
# - 7-7
# - 9-18
# - 12-13
# --------------------------- end ---------------------------