A static blog template built with Astro.
🖥️ Live Demo (Vercel) / 📦 Old Hexo Version / 🌏 中文 / 🌏 日本語 / 🌏 한국어 / 🌏 Español
README version:
2024-09-10
-
Built with Astro and Tailwind CSS
-
Smooth animations and page transitions
-
Light / dark mode
-
Customizable theme colors & banner
-
Responsive design
-
Comments
-
Search
-
TOC
-
(This fork) Per-post font customization:
Note
I was actually going to pick up the ZephGreek but realized that the Loeb never publishes the font
- Ubuntu (Default global font)
- Generate a new repository from this template or fork this repository.
- To edit your blog locally, clone your repository, run
pnpm installANDpnpm add sharpto install dependencies.- Install pnpm
npm install -g pnpmif you haven't.
- Install pnpm
- Edit the config file
src/config.tsto customize your blog. - Run
pnpm new-post <filename>to create a new post and edit it insrc/content/posts/. - Deploy your blog to Vercel, Netlify, GitHub Pages, etc. following the guides. You need to edit the site configuration in
astro.config.mjsbefore deployment.
---
title: My First Blog Post
published: 2023-09-09
description: This is the first post of my new Astro blog.
image: ./cover.jpg
tags: [Foo, Bar]
category: Front-end
draft: false
lang: jp # Set only if the post's language differs from the site's language in `config.ts`
---All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
pnpm install AND pnpm add sharp |
Installs dependencies |
pnpm dev |
Starts local dev server at localhost:4321 |
pnpm build |
Build your production site to ./dist/ |
pnpm preview |
Preview your build locally, before deploying |
pnpm new-post <filename> |
Create a new post |
pnpm astro ... |
Run CLI commands like astro add, astro check |
pnpm astro --help |
Get help using the Astro CLI |