プロジェクトホームページ: https://github.com/xianmin/hugo-theme-jane .

アップデート内容

  • Pico CSS をカラースキームとして採用し、切り替え可能なテーマカラーとダーク/ライトモードをサポート。
  • カスタマイズ可能なホームページ。
  • STYLE SETTINGS を追加、/assets/sass/_settings.scss に配置。
  • カテゴリーページを廃止し、アーカイブページに統合。

多くの変更があるため、一部の領域はまだ完璧ではありません。ご理解ありがとうございます！

ホームページのカスタマイズ

元のホームページはページ分けされた記事リストで、やや単調でした。今では、よりパーソナライズされたホームページを持つことができます。

/exampleSite/content/_index.md をウェブサイトの /content/_index.md にコピーし、パラメータを変更してください。

多言語サイトの場合、_index.language.md のような類似ファイル（例：_index.ja.md）を作成してください。

STYLE SETTINGS によるウェブサイトのカスタマイズ

/assets/sass/_settings.scss と /assets/sass/_custom.scss をウェブサイトのルートディレクトリにコピーしてください（注：パス名とファイル名は一致する必要があります）。

_settings.scss で変数を変更し、/assets/sass/_custom.scss でカスタムスタイルを追加してください。

旧バージョンから v3 へのアップグレード

新バージョンは最新の Sass 言語機能を使用しているため、Dart Sass のインストールが必要です。

インストールガイドは公式ドキュメントにあります：https://gohugo.io/hugo-pipes/transpile-sass-to-css/#dart-sass

CI/CD 自動化ツールを使用している場合、Dart Sass もインストールすることを忘れないでください：https://gohugo.io/hugo-pipes/transpile-sass-to-css/#installing-in-a-production-environment

注：アップグレード後に互換性の問題が発生する可能性があります。困難な場合は、issue を開いてください。

テーマ開発の哲学

  1. node_modules なし、依存関係が少ないことでメンテナンスが容易に
  2. ユーザーが好みに応じてテーマを修正し、よりパーソナライズされたウェブサイトを作ることを推奨
  3. 読書体験を常に最優先
  4. 一度デプロイしたら、執筆に集中し、これ以上いじらない

あとがき

このウェブサイトテーマを7年間使用してきました。最初の1年は頻繁に変更がありましたが、それ以降はあまり変更されていません。

個人ブログでは、書かれた内容が最も重要で、ウェブサイトのスタイルは受け入れられる程度であれば十分だと常に考えてきました。

この大規模な改訂は、カラースキームを完全に変更し、同時に Hugo バージョンをアップグレードするという突然のインスピレーションでした。

ユーザーの皆様に楽しんでいただければ幸いです。