fuwari

Fuwari

A static blog template built with Astro.

Live Demo (Vercel) /Old Hexo Version/中文/日本語/한국어/Español/ไทย

README version: 2024-09-10

Features

• Built with Astro and Tailwind CSS

• Smooth animations and page transitions

• Light / dark mode

• Customizable theme colors & banner

• Responsive design

• Comments

• Search

• TOC

How to Use

1. Generate a new repository from this template or fork this repository.

2. To edit your blog locally, clone your repository, run pnpm install AND pnpm add sharp to install dependencies.

• Install pnpm npm install -g pnpm if you haven't.

3. Edit the config file src/config.ts to customize your blog.

4. Run pnpm new-post <filename> to create a new post and edit it in src/content/posts/.

5. 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 Postpublished: 2023-09-09description: This is the first post of my new Astro blog.image: ./cover.jpgtags: [Foo, Bar]category: Front-enddraft: falselang: jp      # Set only if the post's language differs from the site's language in `config.ts`---

Commands

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