My Blog Website

September 6, 2024 ยท View on GitHub

Build

A static blog built with Astro and ๐ŸฅFuwari

๐Ÿš€ How to Use

  1. Run pnpm install AND pnpm add sharp to install dependencies.
    • Install pnpm npm install -g pnpm if you haven't.
  2. Edit the config file src/config.ts to customize your blog.
  3. Run pnpm new-post <filename> to create a new post and edit it in src/content/posts/.
  4. Deploy your blog to Vercel, Netlify, GitHub Pages, etc. following the guides. You need to edit the site configuration in astro.config.mjs before deployment.

โš™๏ธ Frontmatter of Posts

---
title: My First Blog Post
published: 2023-09-09
description: This is the first post of my new Astro blog.
image: /images/cover.jpg
tags: [Foo, Bar]
category: Front-end
draft: false
---

๐Ÿงž Commands

All commands are run from the root of the project, from a terminal:

CommandAction
pnpm install AND pnpm add sharpInstalls dependencies
pnpm devStarts local dev server at localhost:4321
pnpm buildBuild your production site to ./dist/
pnpm previewPreview 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 --helpGet help using the Astro CLI