背景画像を入れたくなり，素材サイトでパターン画像の色を任意に変更して画像を作った．

参考: https://bg-patterns.com/?p=2299

PaperMod で背景画像を設定するのに一日くらい四苦八苦していた． theme-vars.css に背景色などの設定が変数でまとまっているのはわかったが， そのままここに background-image を書き足しても反映されない． main.cssか，baseof.html か，list.html か．．． 公式の質問で変数の設定方法を見つけたが書く場所がわからない． （恐らく，hugo.yaml と baseof.html か list.html）

参考: https://github.com/adityatelange/hugo-PaperMod/discussions/988

結局，public フォルダに画像を入れていないから表示されないことに気づき， public 直下に画像を入れ， theme-vars.css から見た相対パスを記述した．

画像が濃すぎたので，背景画像の濃度を背景色とブレンドモードを使って弄った．

参考: https://note.com/jackinriver/n/n4383898ce0c6

.list {
#   background: var(--code-bg);
    background: repeat url("../../patter.png");
    background-color:rgba(255,255,255,0.7);
    background-blend-mode:lighten;
}

ついでに --primary: rgb(79, 128, 207); の色も弄り，サイトの雰囲気がガラッと変わった✨

あと，絵文字も使えるように，hugo.yamlに enableEmoji: "true"も指定しておいた．