This website is built using the Astro Blog Template created by Charca.
You can get the original theme from Charca's repository: astro-blog-template
npm init astro -- --template Charca/astro-blog-templateVisit the original theme: Charca/astro-blog-template
- ✅ Astro 5.5.2
- ✅ Dark Mode with theme toggle
- ✅ Full Markdown support
- ✅ SEO-friendly setup with canonical URLs and OpenGraph data
- ✅ RSS 2.0 generation
- ✅ Sitemap.xml generation
- ✅ Blog with reading time
- ✅ Responsive design
- ✅ GitHub Actions deployment workflow
Inside of your Astro project, you'll see the following folders and files:
/
├── public/
│ ├── assets/
│ │ ├── blog/
│ │ └── fonts/
│ ├── robots.txt
│ └── favicon.ico
├── src/
│ ├── components/
│ │ ├── BaseHead.astro
│ │ ├── Bio.astro
│ │ ├── Footer.astro
│ │ ├── Header.astro
│ │ ├── Logo.astro
│ │ ├── Nav.astro
│ │ └── ThemeToggleButton.svelte
│ ├── data/
│ │ └── blog-posts/
│ ├── layouts/
│ │ └── BaseLayout.astro
│ ├── pages/
│ │ ├── about.astro
│ │ ├── blog/
│ │ └── index.astro
│ └── styles/
│ ├── fonts.css
│ └── global.css
├── .github/
│ └── workflows/
│ └── deploy.yml
└── package.json
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:3030 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
Note: This is a customized version of Charca's Astro Blog Template. For the original theme, please visit Charca/astro-blog-template.