主题设置

在您花了一些时间熟悉主题文件之后，您可能在想”如何让它变成我自己的？“本指南将帮助您替换标题、描述、Logo 等。

全局 SEO

在主题文件中，您会在 src/config/ 文件夹下找到一个 settings.js 文件。该文件的内容应该看起来像这样：

export default {
  title: `Odyssey Astro 主题 | 面向初创公司和企业的营销网站主题`,
  description: `一个简单、干净、现代的初创公司或企业营销网站主题。`,
  url: `https://odyssey-theme.sapling.supply`, // 不要有末尾斜杠！
  name: `Odyssey`, // 企业或品牌名称的简称。用于页脚版权信息等地方。
  enableThemeSwitcher: true,
};

## 添加您自己的 Logo

在 `src/components/` 下，您会看到一个 `Logo.astro` 文件，应该看起来像这样：

```astro
<p class="odyssey-logo">Odyssey</p>

<style>
  .odyssey-logo {
    width: fit-content;
    margin: 0;
    font-family: var(--theme-font-family-serif);
    font-size: var(--font-size-md);
    color: inherit;
  }
  .odyssey-logo:hover {
    text-decoration: underline;
    cursor: pointer;
  }
</style>

网站图标

要替换网站图标，您只需创建自己的 favicon.png 文件并替换 public/ 文件夹下的那个文件。

如果您不想使用 .png 文件，您需要到 BaseHead.astro 组件（位于 src/components/head/ 下）中找到这一行，用您自己的网站图标文件替换它：

<link rel="icon" type="image/png" href="/favicon.png" />

导航项

自定义导航项很容易，只需编辑 src/config/ 文件夹下 nav.js 文件中的项目数组即可。

它看起来像这样：

export const nav = [
  {
    title: '首页',
    slug: '/',
  },
  {
    title: '博客',
    slug: '/blog',
  },
  {
    title: '关于我们',
    slug: '/company/about',
  },
  {
    title: '联系我们',
    slug: '/company/contact',
  },
];

页脚链接

在 src/config/ 文件夹中，您会找到一个 footer.js 文件，这是更新页脚社交图标、社交链接和页脚导航项的地方。

社交链接

社交链接列表看起来像这样：

export const footerSocials = [
  {
    url: 'https://instagram.com/',
    icon: instagramIcon,
  },
  {
    url: 'https://youtube.com/',
    icon: youtubeIcon,
  },
  {
    url: 'https://twitter.com/jaydanurwin',
    icon: twitterIcon,
  },
  {
    url: 'https://github.com/treefarmstudio/odyssey-theme',
    icon: githubIcon,
  },
];

页脚链接列表

与顶级导航项类似，您会在 footer.js 中看到一个 footerLists 数组：

export const footerLists = [
  {
    title: '落地页',
    items: [
      {
        title: '落地页 1',
        slug: '/landing-pages/landing-1',
      },
      {
        title: '落地页 2',
        slug: '/landing-pages/landing-2',
      },
    ],
  },

import { defineConfig } from 'astro/config';
import lit from '@astrojs/lit';
import sitemap from "@astrojs/sitemap";

// https://astro.build/config
export default defineConfig({
  site: 'https://odyssey-theme.sapling.supply/',
  // 您的公共域名，例如：https://my-site.dev/。用于生成网站地图和规范 URL。
  sitemap: true,
  // 生成网站地图（设置为 "false" 以禁用）
  integrations: [lit(), sitemap()] // 向配置添加渲染器
});