Getting Started with Astro Sky

Basic Configuration

1. Update the astro.config.mjs file to include your correct site url. - Your site will function to some degree without this, however this is used by things like the RSS feed and sitemap.

import { defineConfig } from "astro/config";
import mdx from "@astrojs/mdx";
import sitemap from "@astrojs/sitemap";

export default defineConfig({
  site: "https://astro-sky.vercel.app",
  integrations: [mdx(), sitemap()],
  build: {
    assets: "assets",
  },
});

2. Update the consts.ts file (in the src directory) to include the correct site title and description.

export const SITE_TITLE = "Astro Sky";
export const SITE_DESCRIPTION =
  "Welcome to Astro Sky. A minimal and elegant portfolio theme built for Astro.";

3. Update the footer copyright text, and the social links in the SiteFooter.astro component (in the components folder), eg:

<a href="paste your social links here, between the speech marks, starting with https://">

<p class="copyright-notice">
  &copy; {today.getFullYear()} Your Name
</p

Content / Design Guidelines

• Keep your featured images in the same dimensions.
• Ideally provide your images at either 1800px width or 2400px for maximum quality

Open Graph Images

Open graph images will be automatically generated from your featured images for your posts, and projects, however you may also want to add them manually to the main index.astro (home page) template and the index.astro templates for your blog and projects pages. Look for this line of code at the top of these files:

import featuredImage from "../assets/placeholder-square.webp";

Otherwise please review the preceding posts for additional information and guidelines for working with the Astro Sky theme.