https://github.com/louisescher/spectre

Spectre is a terminal-inspired theme for Astro, built using Astro and TypeScript.
https://github.com/louisescher/spectre

astro astro-theme blog giscus portfolio website

Last synced: about 1 month ago
JSON representation

Spectre is a terminal-inspired theme for Astro, built using Astro and TypeScript.

• Host: GitHub
• URL: https://github.com/louisescher/spectre
• Owner: louisescher
• Created: 2024-12-29T17:12:32.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2025-03-14T17:44:29.000Z (2 months ago)
• Last Synced: 2025-04-09T02:05:02.063Z (about 1 month ago)
• Topics: astro, astro-theme, blog, giscus, portfolio, website
• Language: Astro
• Homepage: https://spectre.louisescher.dev
• Size: 7.41 MB
• Stars: 51
• Watchers: 2
• Forks: 11
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
![Spectre, a terminal-inspired theme for Astro.](./images/README.png)

Spectre is a terminal-inspired theme for Astro, built using TypeScript and Astro.

## Getting Started

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/louisescher/spectre/tree/main)

[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/louisescher/spectre/tree/main)

Alternatively, you can create a new Astro project with Spectre like this:

```bash

# npm

npm create astro@latest -- --template louisescher/spectre

# pnpm

pnpm create astro@latest --template louisescher/spectre

# yarn

yarn create astro --template louisescher/spectre

```

## Features

- 100 / 100 Lighthouse performance

- Responsive for all screen sizes

- Fully accessible

- Type-Safe

- Auto-generated sitemap

- Markdown / MDX Support

- Builds on content collections

- Search powered by [pagefind](https://pagefind.app)

- Comments powered by [giscus](https://giscus.app) (can be turned off)

- More!

## Curious?

Head over to [the preview page](https://spectre.louisescher.dev) to find out more!

### Spectre Integration

If you want to know more about how the custom integration that is used in the `astro.config.ts` file works, head over to the [integration's own README](https://github.com/louisescher/spectre/tree/master/package)!