const config: Config = {
  presets: [
    [
      '@docusaurus/preset-classic',
    ],
  ],
};
export default config;

const config: Config = {
  presets: [
    [
      '@docusaurus/preset-classic',
      {
        googleTagManager: {
          containerId: 'GTM-XXXXXX', // 填寫在這裡
        },
      },
    ],
  ],
};
export default config;

const config: Config = {
  url: 'https://koteruon.github.io',
  baseUrl: '/',
  organizationName: 'koteruon', // Usually your GitHub org/user name.
  projectName: 'koteruon.github.io', // Usually your repo name.
  deploymentBranch: 'main', // 很重要，一定要是main
};
export default config;

import themeConfig from './config/themeConfig';

const config: Config = {
  // Theme configurations
  themeConfig,
};

// 引入相關需要使用的套件
import type * as Preset from '@docusaurus/preset-classic';
import { themes as prismThemes } from 'prism-react-renderer';

const themeConfig = {} satisfies Preset.ThemeConfig;

// 將設定export出去
export default themeConfig;

const themeConfig = {
  // 可以更換成自己想要的帳片和icon，在網站縮圖或轉發連結或網頁縮圖都會使用到
  image: 'images/icon/chao_en_huang_icon.png',
  favicon: 'images/icon/favicon.ico',
};

const themeConfig = {
  // Docs
  docs: {
    sidebar: {
      autoCollapseCategories: true,
    },
  },
};

const themeConfig = {
  // Navbar
  navbar: {
    title: 'Chao-En',
    logo: {
      alt: 'My Site Logo',
      src: 'images/icon/apple-touch-icon.png',
    },
    // hideOnScroll: true,
    items: [
      {
        // 設定自己想要跳轉的頁面
        to: '/about-me',
        label: 'About Me',
        position: 'left',
      },
      {
        // 設定要是像doc樣子的sidebar
        type: 'docSidebar',
        sidebarId: 'notesSidebar', //在sidebars.ts中定義，如何生成sidebar
        position: 'left',
        label: 'Notes',
      },
      {
        // 設定要是像doc樣子的sidebar
        type: 'docSidebar',
        sidebarId: 'researchSidebar', //在sidebars.ts中定義，如何生成sidebar
        position: 'left',
        label: 'Research',
      },
      {
        // 設定部落格的分頁
        to: '/blog',
        label: 'Blog',
        position: 'left',
      },
      {
        // 增加github的連結在最右邊
        href: 'https://github.com/koteruon',
        label: 'GitHub',
        position: 'right',
      },
    ],
  },
};

const config: Config = {
  presets: [
    [
      'classic',
      {
        docs: {
          // 生成sidebars的檔案位置
          sidebarPath: './sidebars.ts',
          // Add remarkMath and rehypeKatex plugins.
          remarkPlugins: [remarkMath],
          rehypePlugins: [rehypeKatex],
        },
        blog: {
          blogSidebarCount: 10,
          showReadingTime: true,
          // 部落格的網址
          routeBasePath: '/blog',
          include: ['**/*.{md,mdx}'],
          feedOptions: {
            type: ['rss', 'atom'],
            xslt: true,
          },
          // Useful options to enforce blogging best practices
          onInlineTags: 'warn',
          onInlineAuthors: 'warn',
          onUntruncatedBlogPosts: 'warn',
        },
        theme: {
          // 自訂global的css
          customCss: './src/css/custom.css',
        },
      } satisfies Preset.Options,
    ],
  ],
};

import type { SidebarsConfig } from '@docusaurus/plugin-content-docs';

const sidebars: SidebarsConfig = {
  // 因為有兩個分頁，且希望自動生成，在markdown中再決定分頁順序和網址，比較不會寫死
  notesSidebar: [{ type: 'autogenerated', dirName: 'notes' }],
  researchSidebar: [{ type: 'autogenerated', dirName: 'research' }],
};

export default sidebars;

// 加上highlight-next-line
const highlight-next-line;

// 加上This-will-error
const This-will-error;

// 加上This-will-accept
const This-will-accept;

const themeConfig = {
  // CodeBlock
  prism: {
    // 根據自己需要的語言而增加
    additionalLanguages: ['powershell', 'java'],
    theme: prismThemes.github,
    darkTheme: prismThemes.dracula,
    magicComments: [
      // Remember to extend the default highlight class name as well!
      {
        className: 'theme-code-block-highlighted-line',
        line: 'highlight-next-line',
        block: { start: 'highlight-start', end: 'highlight-end' },
      },
      // 增加自己喜歡的highlight名稱
      {
        className: 'code-block-error-line', // css的名稱
        line: 'This-will-error', // markdown中使用它的名稱
      },
      {
        className: 'code-block-accept-line',
        line: 'This-will-accept',
      },
    ],
  },
};

const themeConfig = {
  // Footer
  footer: {
    // style: 'dark', // 可以設定是否要是深色佈景
    // 可以設定有多少個欄位需要而設定
    links: [
      {
        title: 'This Website',
        items: [
          {
            label: 'Notes', // 顯示名稱
            to: '/docs', // 點選跳轉的網址
          },
          {
            label: 'Research',
            to: '/docs/research',
          },
          {
            label: 'Blog',
            to: '/blog',
          },
        ],
      },
      {
        title: 'Community',
        items: [
          {
            label: 'GitHub',
            href: 'https://github.com/koteruon',
          },
          {
            label: '104',
            href: 'https://profile.104.com.tw/profile/9f11e5a7-4d3b-4a21-9241-ba6e3f9003c8/about',
          },
          {
            label: 'Linkedin',
            href: 'https://www.linkedin.com/in/%E7%85%A7%E6%81%A9-%E9%BB%83-93511b25b/',
          },
        ],
      },
      {
        title: 'Acknowledgement',
        items: [
          {
            html: `
              <p>
              illustrations by <a href="https://storyset.com/web">Storyset</a>
              </p>
              `,
          },
        ],
      },
    ],
    copyright: `Copyright © ${new Date().getFullYear()} Chao-En Huang. Built with Docusaurus.`,
  },
};

    title: 'Chao-En Huang', // 這邊是你封面的標題
    tagline: // 這邊是你封面的副標
    '這裡整理了我在軟體技術領域的學習心得與實踐經驗，分享我的見解與解決問題的方法。',
    favicon: 'img/favicon.ico', // 這是你網頁的icon
    url: 'https://koteruon.github.io', // 這是首頁的URL

    organizationName: 'koteruon', // github的使用者名稱
    projectName: 'koteruon.github.io', // 靜態網站的domain name
    trailingSlash: false, // 網址後面需不需要/
    deploymentBranch: 'main', // 部版的branch
    onBrokenLinks: 'throw',
    onBrokenMarkdownLinks: 'warn',

    i18n: { // 設定為台灣的語系
        defaultLocale: 'zh-Hant',
        locales: ['zh-Hant'],
    },

presets: [
    [
        'classic', // 經典的配置(不用動)
        {
            docs: {
                sidebarPath: './sidebars.ts', // 設定旁邊側邊的目錄設定的路徑(不用動)
                // 增加 remarkMath and rehypeKatex 的套件，下一個步驟會教
                remarkPlugins: [remarkMath],
                rehypePlugins: [rehypeKatex],
            },
            blog: {
                blogSidebarCount: 10, // 部落格顯示的數量(可以調整為10)
                showReadingTime: true,
                routeBasePath: '/blog', // 部落格的資料夾路徑(不用動)
                include: ['**/*.{md,mdx}'], // 為了支持md和mdx的解析
                // (**/*代表BasePath底下所有路徑的md和mdx檔案)
                feedOptions: {
                    type: ['rss', 'atom'],
                    xslt: true,
                },
                onInlineTags: 'warn',
                onInlineAuthors: 'warn',
                onUntruncatedBlogPosts: 'warn',
            },
            theme: {
                customCss: './src/css/custom.css',
            },
        } satisfies Preset.Options,
    ],
],

import remarkMath from 'remark-math';
import rehypeKatex from 'rehype-katex';

presets: [
    [
        'classic',
        {
            docs: {
                path: 'docs',
                remarkPlugins: [remarkMath],
                rehypePlugins: [rehypeKatex],
            },
        },
    ],
  ],

stylesheets: [ // 增加katex需要的css樣式
    {
        href: 'https://cdn.jsdelivr.net/npm/katex@0.13.24/dist/katex.min.css',
        type: 'text/css',
        integrity:
        'sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM',
        crossorigin: 'anonymous',
    },
]

plugins: [
    [
      '@easyops-cn/docusaurus-search-local',
      {
        hashed: true,
        language: ['en', 'zh'], // 增加zh增加中文搜尋
        docsRouteBasePath: '/',
      },
    ],
  ],