The basic configuration of Nano is pretty simple.
Edit src/consts.ts
Customize the base site
// src/consts.ts
export const SITE: Site = {
NAME: "Hola soy Carla",
EMAIL: "por ahora cero chance",
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/xxxx",
},
{
NAME: "github",
HREF: "https://github.com/xxxx"
},
{
NAME: "linkedin",
HREF: "https://www.linkedin.com/in/xxxx",
}
];
Field | Req | Description |
---|---|---|
NAME | Yes | Displayed in contact section as a link. |
HREF | Yes | External url to social media profile. |