●  Home
○  Customize
Theme Config
○  Writing
Post an article
○  Deploy
Deploy your blog

AstroLetter Config

There are a number of configuration options to help you make the site your own.

You can find this file in src/config.ts

Below is an example configuration:

export const config: Config = {
  title: 'My Blog',
  logo: '/logo.png',
  description: 'Articles about stuff.',
  social: {
    twitter: 'https://twitter.com/abc',
  },
  header: {
    buttons: [
      {
        label: 'Portfolio',
        url: 'https://mysite.com/portfolio',
      },
      {
        label: 'Shop',
        url: 'https://mysite.com/shop',
        cta: true,
      },
    ],
  },
};

Customizing buttons

You can add as many buttons as you like to the top-right of your blog page. We recommend a maximum of 2.

By default, a button will have a subtle appearance. If you wish for the button to stand out (and be used as a call-to-action), you can set cta: true and it will be more prominent on the page.

AstroLetter supports only Twitter social links for now (more to come very soon). To enable, you can simply add the relevant URL, like this:

social: {
  twitter: 'https://twitter.com/abc'
}