Welcome to the official Astro blog starter template. This
- template serves as a lightweight, minimally-styled starting point for anyone looking to build
- a personal website, blog, or portfolio with Astro.
+ template serves as a lightweight, minimally-styled starting point for anyone looking to
+ build a personal website, blog, or portfolio with Astro.
This template comes with a few integrations already configured in your
astro.config.mjs file. You can customize your setup with
- Astro Integrations to add tools like Tailwind,
- React, or Vue to your project.
+ Astro Integrations to add tools like
+ Tailwind, React, or Vue to your project.
Here are a few ideas on how to get started with the template:
diff --git a/examples/deno/src/components/Layout.astro b/examples/deno/src/components/Layout.astro
index 7d329d0a4..7bcbd218c 100644
--- a/examples/deno/src/components/Layout.astro
+++ b/examples/deno/src/components/Layout.astro
@@ -6,7 +6,7 @@ interface Props {
const { title } = Astro.props as Props;
---
-
+
@@ -46,8 +46,15 @@ const { title } = Astro.props as Props;
}
:global(code) {
- font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
- Bitstream Vera Sans Mono, Courier New, monospace;
+ font-family:
+ Menlo,
+ Monaco,
+ Lucida Console,
+ Liberation Mono,
+ DejaVu Sans Mono,
+ Bitstream Vera Sans Mono,
+ Courier New,
+ monospace;
}
diff --git a/examples/framework-lit/src/pages/index.astro b/examples/framework-lit/src/pages/index.astro
index a351b8248..5ef314f6f 100644
--- a/examples/framework-lit/src/pages/index.astro
+++ b/examples/framework-lit/src/pages/index.astro
@@ -7,7 +7,7 @@ import { MyCounter } from '../components/my-counter.js';
// https://docs.astro.build/core-concepts/astro-components/
---
-
+
diff --git a/examples/hackernews/src/pages/stories/[id].astro b/examples/hackernews/src/pages/stories/[id].astro
index 84383aa9e..9cfad36fd 100644
--- a/examples/hackernews/src/pages/stories/[id].astro
+++ b/examples/hackernews/src/pages/stories/[id].astro
@@ -25,7 +25,7 @@ const story = (await fetchAPI(`item/${id}`)) as IStory;
{story.user}
- {story.time_ago}
+ {story.time_ago}
Lorem ipsum dolor sit amet, Astro makes people happy.
- Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin nibh nisl condimentum
- id venenatis a condimentum vitae. Dapibus ultrices in iaculis nunc. Arcu odio ut sem nulla
- pharetra diam sit amet. Diam quis enim lobortis scelerisque fermentum dui faucibus in ornare.
+ Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin nibh nisl
+ condimentum id venenatis a condimentum vitae. Dapibus ultrices in iaculis nunc. Arcu
+ odio ut sem nulla pharetra diam sit amet. Diam quis enim lobortis scelerisque fermentum
+ dui faucibus in ornare.
Arcu dui vivamus arcu felis bibendum ut tristique et egestas. Eget gravida cum sociis
diff --git a/examples/portfolio/src/pages/index.astro b/examples/portfolio/src/pages/index.astro
index 2980f97d8..f7362284d 100644
--- a/examples/portfolio/src/pages/index.astro
+++ b/examples/portfolio/src/pages/index.astro
@@ -169,8 +169,10 @@ const projects = (await getCollection('work'))
aspect-ratio: calc(2.25 / var(--bg-scale));
top: 0;
transform: translateY(-75%) translateX(-50%);
- background: url('/assets/backgrounds/noise.png') top center/220px repeat,
- var(--hero-bg) center center / var(--bg-gradient-size) no-repeat, var(--gray-999);
+ background:
+ url('/assets/backgrounds/noise.png') top center/220px repeat,
+ var(--hero-bg) center center / var(--bg-gradient-size) no-repeat,
+ var(--gray-999);
background-blend-mode: overlay, normal, normal, normal;
mix-blend-mode: var(--bg-blend-mode);
z-index: -1;
diff --git a/examples/with-markdoc/src/layouts/Layout.astro b/examples/with-markdoc/src/layouts/Layout.astro
index b1362340e..aaa6e0ce0 100644
--- a/examples/with-markdoc/src/layouts/Layout.astro
+++ b/examples/with-markdoc/src/layouts/Layout.astro
@@ -6,7 +6,7 @@ interface Props {
const { title } = Astro.props;
---
-
+