吾路🐬研究所 is designed to be configurable. This article will cover the basics on configuring the site and make it personal.

First let’s change the url

//astro.config.mjs

export default defineConfig({
  site: "https://astro-sphere.vercel.app", // your domain here
  integrations: [mdx(), sitemap(), solidJs(), tailwind({ applyBaseStyles: false })],
})

Next, Let’s configure the Site

// src/consts.ts

export const SITE: Site = {
  TITLE: "吾路🐬研究所",
  DESCRIPTION: "吾路🐬研究所, AIPM社区, 人工智能与产品管理的路线图。",
  AUTHOR: "5Loi",
}

Change the branding

The browser icon is located in /public/favicon.svg

The header and footer branding icon is located in /public/brand.svg as a sprite with id=“brand”

The rest of the consts file

Each page has a metadata entry that is useful for SEO.

export const ABOUT_LOI: Page = {
  TITLE: "工作",
  DESCRIPTION: "Places I have worked.",
}

The links that are displayed in the header and drawer

export const LINKS: Links = [
  { HREF: "/", TEXT: "首页" },
  { HREF: "/domain", TEXT: "领域" },
  { HREF: "/blog", TEXT: "知识" },
  { HREF: "/projects", TEXT: "用例" },
  { HREF: "/career", TEXT: "主理人" },
]

The social media links

export const SOCIALS: Socials = [
  { 
    NAME: "Github",
    ICON: "github",
    TEXT: "markhorn-dev",
    HREF: "https://github.com/markhorn-dev/astro-sphere"
  },
]