This is a blog created with Astro and TailwindCSS. It is a simple blog that can be used as a template for your own blog.
If you are reading this on github, you can click on the "Use this template" button above to create a new repository from astroship to your account. Then you can do a git clone
to clone it to your local system.
Alternatively, you can clone the project directly from this repo to your local system.
git clone https://github.com/hharieta/bloghharieta.git myProjectName
# or
git clone https://github.com/hharieta/bloghharieta.git .
The .
will clone it to the current directory so make sure you are inside your project folder first.
npm install
# or
yarn install
# or (recommended)
pnpm install
npm run dev
# or
yarn dev
# or (recommended)
pnpm dev
npm run preview
npm run build
# or
yarn preview
yarn build
# or (recommended)
pnpm preview
pnpm build
We recommend using pnpm to save disk space on your computer.
pnpm astro ...
pnpm astro add
pnpm astro --help
Inside of your Astro project, you'll see the following folders and files:
/
├── public/
│ └── ...
├── src/
│ ├── components/
│ │ └── ...
│ ├── layouts/
│ │ └── ...
│ └── pages/
│ └── ...
└── package.json
Astro looks for .astro
or .md
files in the src/pages/
directory. Each page is exposed as a route based on its file name.
Any static assets, like images, can be placed in the public/
directory.
TailwindCSS is already configured in this repo, so you can start using it without any installation.