快速开始 | Astro Nano

Nano 的基础配置非常直接。

先编辑 src/consts.ts。

你可以在这里定义站点的基础信息：

// src/consts.ts

export const SITE: Site = {
  NAME: "Astro Nano",
  EMAIL: "markhorn.dev@gmail.com",
  NUM_POSTS_ON_HOMEPAGE: 3,
  NUM_WORKS_ON_HOMEPAGE: 2,
  NUM_PROJECTS_ON_HOMEPAGE: 3,
};

字段	必填	说明
NAME	是	显示在页头和页脚，也会用于 SEO 和 RSS。
EMAIL	是	显示在联系区域。
NUM_POSTS	是	控制首页展示的文章数量。
NUM_WORKS	是	控制首页展示的经历数量。
NUM_PROJECTS	是	控制首页展示的项目数量。

然后可以继续配置页面元信息：

// src/consts.ts

export const HOME: Metadata = {
  TITLE: "Home",
  DESCRIPTION: "Astro Nano is a minimal and lightweight blog and portfolio.",
};

字段	必填	说明
TITLE	是	显示在浏览器标签页，也用于 SEO 和 RSS。
DESCRIPTION	是	用于 SEO 和 RSS。

最后可以设置你的社交链接：

// src/consts.ts

export const SOCIALS: Socials = [
  { 
    NAME: "twitter-x",
    HREF: "https://twitter.com/markhorn_dev",
  },
  { 
    NAME: "github",
    HREF: "https://github.com/markhorn-dev"
  },
  { 
    NAME: "linkedin",
    HREF: "https://www.linkedin.com/in/markhorn-dev",
  }
];

字段	必填	说明
NAME	是	作为联系区域里的链接名称显示。
HREF	是	指向外部社交主页的 URL。