2 min read
Getting started

Placeholder post. This is the theme’s example article, kept here for reference. Delete this folder and write your own when you’re ready.

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,
};
FieldReqDescription
NAMEYesDisplayed in header and footer. Used in SEO and RSS.
EMAILYesDisplayed in contact section.
NUM_POSTSYesLimit num of posts on home page.
NUM_WORKSYesLimit num of works on home page.
NUM_PROJECTSYesLimit 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.",
};
FieldReqDescription
TITLEYesDisplayed in browser tab. Used in SEO and RSS.
DESCRIPTIONYesUsed 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",
  }
];
FieldReqDescription
NAMEYesDisplayed in contact section as a link.
HREFYesExternal url to social media profile.