基本設定

Solitudeテーマの基本設定方法を学びます。

サイト設定

タイトル、サブタイトル、メールアドレスなどの個人情報など、ウェブサイトの各種情報を変更します。

Hexoとテーマの設定で、まずサイト関連の情報を設定することをお勧めします

_config.yml
_config.solitude.yml
# Site
title: 伍拾柒 # ブログタイトル
subtitle: "" # サブタイトル
description: 小心翼翼的努力并拥有着。 # ブログ概要
keywords: 伍拾柒 # ブログキーワード
author: 伍拾柒 # ブログ作者
language: ja-JP # 言語
timezone: Asia/Shanghai # タイムゾーン(ご自分で確認してください)

ナビゲーションメニュー

全部
盒子
菜单
右側ボタン
# 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

ホームトップページ

全部
推奨リスト
トップバナー
グループ
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"

サイドバー

全部
設定
情報カード
目次
タグ
ウェブサイト情報
# --------------------------- 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 ---------------------------

ページ設定

# --------------------------- 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 ---------------------------