summaryrefslogtreecommitdiff
path: root/examples/blog/src/pages/posts/interactive-content.md
blob: 68c571eb4a198ff974457cfe30bbf9b6e9e0eb0f (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
---
layout: "../../layouts/BlogPost.astro"
title: "Hello galaxy of possibilities!"
description: "Take your blog to astronomical heights"
publishDate: "12 Sep 2021"
followMe:
  username: "bholmesdev"
  href: "https://twitter.com/bholmesdev"
halfTheMeaning: 21
heroImage:
  src: "/assets/blog/introducing-astro.jpg"
  alt: "Space shuttle leaving curved trail in the sky"
setup: |
  import LikeButton from "../../components/LikeButton"
  import FollowMe from "../../components/FollowMe.astro"
---

<FollowMe username={frontmatter.followMe.username} href={frontmatter.followMe.href} />

Access all exported properties with JSX expressions. For example, let's find the meaning of life: **{frontmatter.halfTheMeaning * 2}**

If this seems cool, consider giving my post a like with this Preact component: <LikeButton pageUrl={frontmatter.url} client:load />