Настройка сайта на Quartz 4

Справка по теме

https://quartz.jzhao.xyz/configuration

Файл quartz.config.ts

Для редактирования можно использовать любой текстовый редактор либо специализированные редакторы кода.

pageTitle

Название сайта, также используется при создании RSS-канала.

• Изначально: pageTitle: "🪴 Quartz 4.0",
• Мой вариант: pageTitle: "🌳 ZLONOV.com",

locale

Выбор локали (языка) для названий и форматирования даты.

• Изначально: locale: "en-US",
• Мой вариант: locale: "ru-RU",

baseUrl

Базовый URL используется для карт сайта и RSS-каналов, которым требуется абсолютный URL-адрес. В Quartz 4, насколько это возможно, используются относительные URL-адреса, чтобы сайт работал корректно вне зависимости от места его фактического размещения.

• Изначально: baseUrl: "quartz.jzhao.xyz",
• Мой вариант: baseUrl: "zlonov.com",

typography

Шрифты. Можно выбрать любые из доступных Google Fonts. Кириллические по ссылке: https://fonts.google.com/?subset=cyrillic

• Изначально:

      typography: {
        header: "Schibsted Grotesk",
        body: "Source Sans Pro",
        code: "IBM Plex Mono",
      },

• Мой вариант:

      typography: {
        header: "Roboto Condensed",
        body: "Roboto Flex",
        code: "Roboto Mono",
      },

colors

Цвета сайта:

• light: page background // фон страницы

• lightgray: borders // границы

• gray: graph links, heavier borders // ссылки на Графе, более крупные границы

• darkgray: body text // основной текст

• dark: header text and icons // текст заголовков и иконки

• secondary: link colour, current graph node // цвет ссылок, текущий узел Графа

• tertiary: hover states and visited graph nodes // состояния наведения и посещенные узлы Графа

• highlight: internal link background, highlighted text, highlighted lines of code // фон внутренней ссылки, выделенный текст, выделенные строки кода

• Изначально:

      colors: {
        lightMode: {
          light: "#faf8f8",
          lightgray: "#e5e5e5",
          gray: "#b8b8b8",
          darkgray: "#4e4e4e",
          dark: "#2b2b2b",
          secondary: "#284b63",
          tertiary: "#84a59d",
          highlight: "rgba(143, 159, 169, 0.15)",
        },
        darkMode: {
          light: "#161618",
          lightgray: "#393639",
          gray: "#646464",
          darkgray: "#d4d4d4",
          dark: "#ebebec",
          secondary: "#7b97aa",
          tertiary: "#84a59d",
          highlight: "rgba(143, 159, 169, 0.15)",
        },
      },

• Мой вариант:

      colors: {
        lightMode: {
          light: "#fdfdfd",
          lightgray: "#e5e5e5",
          gray: "#b8b8b8",
          darkgray: "#2f4f4f",
          dark: "#284e39",
          secondary: "#00a86b",
          tertiary: "#84a59d",
          highlight: "rgba(143, 159, 169, 0.15)",
        },
        darkMode: {
          light: "#161618",
          lightgray: "#393639",
          gray: "#646464",
          darkgray: "#d4d4d4",
          dark: "#ebebec",
          secondary: "#0d7952",
          tertiary: "#84a59d",
          highlight: "rgba(143, 159, 169, 0.15)",
        },
      },