2 min read
Primeiros passos

A configuração básica do Nano é bem simples.

Edite src/consts.ts

Personalize o site base

// 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,
};
CampoObrDescrição
NAMESimExibido no cabeçalho e rodapé. Usado em SEO e RSS.
EMAILSimExibido na seção de contato.
NUM_POSTSSimLimita o número de posts na página inicial.
NUM_WORKSSimLimita o número de trabalhos na página inicial.
NUM_PROJECTSSimLimita o número de projetos na página inicial.

Personalize os metadados das suas páginas

// src/consts.ts

export const HOME: Metadata = {
  TITLE: "Home",
  DESCRIPTION: "Astro Nano is a minimal and lightweight blog and portfolio.",
};
CampoObrDescrição
TITLESimExibido na aba do navegador. Usado em SEO e RSS.
DESCRIPTIONSimUsado em SEO e RSS.

Personalize suas redes sociais

// 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",
  }
];
CampoObrDescrição
NAMESimExibido na seção de contato como um link.
HREFSimURL externa para o perfil na rede social.