The basic configuration of Nano is pretty simple.
Edit src/consts.ts
Customize the base site
// 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,
};
| Field | Req | Description |
|---|---|---|
| NAME | Yes | Displayed in header and footer. Used in SEO and RSS. |
| Yes | Displayed in contact section. | |
| NUM_POSTS | Yes | Limit num of posts on home page. |
| NUM_WORKS | Yes | Limit num of works on home page. |
| NUM_PROJECTS | Yes | Limit num of projects on home page. |
Customize your page metadata
// src/consts.ts
export const HOME: Metadata = {
TITLE: "Home",
DESCRIPTION: "Astro Nano is a minimal and lightweight blog and portfolio.",
};
| Field | Req | Description |
|---|---|---|
| TITLE | Yes | Displayed in browser tab. Used in SEO and RSS. |
| DESCRIPTION | Yes | Used in SEO and RSS. |
Customize your social media
// 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",
}
];
| Field | Req | Description |
|---|---|---|
| NAME | Yes | Displayed in contact section as a link. |
| HREF | Yes | External url to social media profile. |