theme.config.tsx

import React from "react";
import { DocsThemeConfig } from "nextra-theme-docs";
import { useConfig } from "nextra-theme-docs";
import { Pre } from "./components/pre";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faCommentDots } from "@fortawesome/free-solid-svg-icons";

const config: DocsThemeConfig = {
  logo: (
    <>
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="24"
        height="24"
        viewBox="0 0 206 246"
        fill="none"
      >
        <circle cx="40" cy="40" r="40" fill="currentColor" />
        <circle cx="40" cy="206" r="40" fill="currentColor" />
        <circle cx="166" cy="120" r="40" fill="currentColor" />
      </svg>
      <span style={{ marginLeft: ".4em", fontWeight: 800 }}>
        Prompt Engineering Guide
      </span>
    </>
  ),
  i18n: [
    { locale: "zh", text: "中文" },
    { locale: "en", text: "English" },
    // { locale: "jp", text: "日本語" },
    // { locale: "pt", text: "Português" },
    // { locale: "it", text: "Italian" },
    // { locale: "tr", text: "Türkçe" },
    // { locale: "es", text: "Español" },
    // { locale: "fr", text: "Français" },
    // { locale: "kr", text: "한국어" },
    // { locale: `ca`, text: `Català` },
    // { locale: "fi", text: "Finnish" },
    // { locale: "ru", text: "Русский" },
    // { locale: "de", text: "Deutsch" },
    // { locale: "ar", text: "العربية" },
  ],
  head: function UseHead() {
    const { title } = useConfig();
    return (
      <>
        <title>
          {title
            ? title + " | Prompt Engineering Guide"
            : "Prompt Engineering Guide"}{" "}
        </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta property="og:title" content="Prompt Engineering Guide" />
        <meta
          property="og:description"
          content="A Comprehensive Overview of Prompt Engineering"
        />
        <meta
          name="og:title"
          content={
            title
              ? title + " | Prompt Engineering Guide"
              : "Prompt Engineering Guide"
          }
        />
        <link rel="icon" href="/144-favicon.svg" type="image/svg+xml" />

        <link
          rel="icon"
          href="/144-favicon-dark.svg"
          type="image/svg+xml"
          media="(prefers-color-scheme: dark)"
        />
      </>
    );
  },
  project: {
    link: "https://github.com/ncuhome/Prompt-Engineering-Guide",
  },
  chat: {
    icon: <FontAwesomeIcon size={"xl"} icon={faCommentDots} />,
    link: "/about",
  },
  docsRepositoryBase:
    "https://github.com/ncuhome/Prompt-Engineering-Guide/tree/main/",
  footer: {
    text: "Copyright © 2024 南昌大学人工智能工业研究院 & NCUHOME",
  },
  search: {
    placeholder: "Search...",
  },
  components: {
    pre: Pre,
  },
};

export default config;