Back to themes

Jane for AstroJS

A forked version Jane for AstroJS


Cost

Free


Created by
Lecederom

Theme Jane for Astro


Jane is a simple, clean, and responsive theme for Astro. It's perfect for personal blogs, portfolios, and other content-focused websites. This theme is based on the Jane theme for Hugo.

Demo | GitHub | Astro

πŸŽ’ Features

  • MD and MDX support
  • Tags (categories) support
  • Pagination
  • Table of contents

πŸš€ Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
β”œβ”€β”€ astro.config.mjs
β”œβ”€β”€ backup
β”‚   └── posts
β”‚       β”œβ”€β”€ first-post.md
β”‚       β”œβ”€β”€ markdown-style-guide.md
β”‚       β”œβ”€β”€ second-post.md
β”‚       β”œβ”€β”€ third-post.md
β”‚       β”œβ”€β”€ using-mdx.mdx
β”‚       └── welcome-to-jane.md
β”œβ”€β”€ markdown.config.js
β”œβ”€β”€ package-lock.json
β”œβ”€β”€ package.json
β”œβ”€β”€ public
β”‚   └── favicon.svg
β”œβ”€β”€ src
β”‚   β”œβ”€β”€ components
β”‚   β”‚   β”œβ”€β”€ Block.astro
β”‚   β”‚   β”œβ”€β”€ Card.astro
β”‚   β”‚   β”œβ”€β”€ Navigation.astro
β”‚   β”‚   β”œβ”€β”€ Pagination.astro
β”‚   β”‚   β”œβ”€β”€ Post.astro
β”‚   β”‚   └── TableOfContents.astro
β”‚   β”œβ”€β”€ content
β”‚   β”‚   └── posts
β”‚   β”‚       β”œβ”€β”€ first-post.md
β”‚   β”‚       β”œβ”€β”€ markdown-style-guide.md
β”‚   β”‚       β”œβ”€β”€ second-post.md
β”‚   β”‚       β”œβ”€β”€ third-post.md
β”‚   β”‚       β”œβ”€β”€ using-mdx.mdx
β”‚   β”‚       └── welcome-to-jane.md
β”‚   β”œβ”€β”€ env.d.ts
β”‚   β”œβ”€β”€ layouts
β”‚   β”‚   └── Layout.astro
β”‚   β”œβ”€β”€ pages
β”‚   β”‚   β”œβ”€β”€ archive
β”‚   β”‚   β”‚   └── index.astro
β”‚   β”‚   β”œβ”€β”€ blog
β”‚   β”‚   β”‚   β”œβ”€β”€ [...slug].astro
β”‚   β”‚   β”‚   └── [page].astro
β”‚   β”‚   β”œβ”€β”€ index.astro
β”‚   β”‚   └── tags
β”‚   β”‚       β”œβ”€β”€ [...tag].astro
β”‚   β”‚       └── index.astro
β”‚   └── utils
β”‚       └── format-date.ts
β”œβ”€β”€ tailwind.config.mjs
└── tsconfig.json


πŸ“š Resources