Quartz4 の Cloudflare Pages デプロイ設定とブログ設定を行う

前提

Quartz4 の content に private submodule を配置した状態で Cloudflare Pages にデプロイする を先に行っています。

Cloudflare Pages のカスタムドメイン設定

url: https://quartz.jzhao.xyz/hosting#cloudflare-pages
title: "Hosting"
description: "Quartz effectively turns your Markdown files and other resources into a bundle of HTML, JS, and CSS files (a website!)."
host: quartz.jzhao.xyz
favicon: ./static/icon.png
image: https://quartz.jzhao.xyz/hosting-og-image.webp

url: https://developers.cloudflare.com/pages/configuration/custom-domains/
title: "Custom domains"
description: "When deploying your Pages project, you may wish to point custom domains (or subdomains) to your site."
host: developers.cloudflare.com
image: https://developers.cloudflare.com/dev-products-preview.png

上記を参考に行います。

上記を行うことで note.ganyariya.dev でアクセスできるようになりました。

Quartz の設定

url: https://quartz.jzhao.xyz/configuration
title: "Configuration"
description: "Quartz is meant to be extremely configurable, even if you don’t know any coding."
host: quartz.jzhao.xyz
favicon: ./static/icon.png
image: https://quartz.jzhao.xyz/configuration-og-image.webp

url: https://quartz.jzhao.xyz/plugins/
title: "Plugins"
host: quartz.jzhao.xyz
favicon: ../static/icon.png
image: https://quartz.jzhao.xyz/plugins/index-og-image.webp

url: https://github.com/ganyariya/ganyariya-obsidian-quartz/pull/3
title: "Quartz 用の setting を追加する by ganyariya · Pull Request #3 · ganyariya/ganyariya-obsidian-quartz"
description: "Change setting: domain namechange footer url"
host: github.com
favicon: https://github.githubassets.com/favicons/favicon.svg
image: https://opengraph.githubassets.com/04cd4af312017fac39c5bb92222af2c5247369a024ecd292c52d64453d6750ff/ganyariya/ganyariya-obsidian-quartz/pull/3

OGP と favicon 設定

デフォルトの font だと日本語に対応しておらず、 OGP 画像が文字化けしてしまいます。 そのため、以下の PR で修正しています。

https://github.com/ganyariya/ganyariya-obsidian-quartz/pull/5