summaryrefslogtreecommitdiff
path: root/examples/blog/src/pages/posts/static-content.md
diff options
context:
space:
mode:
authorGravatar Ben Holmes <hey@bholmes.dev> 2022-07-12 12:17:36 -0400
committerGravatar GitHub <noreply@github.com> 2022-07-12 12:17:36 -0400
commitab232dd10f8d8ae5a3654293a1f1429343990039 (patch)
tree1cb3f510b6e1fa12e5503fdcb8c4ef73fd7ffa95 /examples/blog/src/pages/posts/static-content.md
parent4bf47367687b67170e6c3c722f514b5c2e67519d (diff)
downloadastro-ab232dd10f8d8ae5a3654293a1f1429343990039.tar.gz
astro-ab232dd10f8d8ae5a3654293a1f1429343990039.tar.zst
astro-ab232dd10f8d8ae5a3654293a1f1429343990039.zip
Example blog rework (#3896)
* refactor: restructure components, kill dead code * nit: tweak base styles * nit: remove unneeded code comments * refactor: replace unused permalink with canonicalURL * refactor: add missing prop types * feat: make markdown examples more interesting * chore: consistent semis and quotes * chore: astro check failures * fix: bad url prop * fix: bad frontmatter quote * chore: more dead styles * chore: add header gap * refactor: use tsx for likebutton * fix: restore post sorting * chore: remove unused flex-row util * fix: small md formatting on README * chore: run through astro-plugin-prettier * fix: revert to double quotes * fix: manually move style outside <body> * fix: update file tree in README * refactor: publish-date -> time * refactor: remove unused div and margin * refactor: publishDate -> time on layout * refactor: .heroImage -> img * refactor: .logo -> svg * feat: update social image, remove jpg * fix: remove prism stylesheet!
Diffstat (limited to 'examples/blog/src/pages/posts/static-content.md')
-rw-r--r--examples/blog/src/pages/posts/static-content.md28
1 files changed, 28 insertions, 0 deletions
diff --git a/examples/blog/src/pages/posts/static-content.md b/examples/blog/src/pages/posts/static-content.md
new file mode 100644
index 000000000..8925e6ba3
--- /dev/null
+++ b/examples/blog/src/pages/posts/static-content.md
@@ -0,0 +1,28 @@
+---
+layout: "../../layouts/BlogPost.astro"
+title: "Hello static content!"
+description: "Bring your markdown, we'll handle the rest"
+publishDate: "11 Jul 2022"
+heroImage:
+ src: "/assets/blog/introducing-astro.jpg"
+ alt: "Space shuttle leaving curved trail in the sky"
+---
+
+**Astro has built-in support for markdown pages!** All frontmatter data will be available [via `Astro.glob` imports](https://docs.astro.build/en/reference/api-reference/#astroglob) as well, making blog landing pages easy to build.
+
+**Code challenge:** Try editing the `title` frontmatter property for this post and [visiting the homepage](/) again.
+
+## Code block demo
+
+```typescript
+// Oh, and get Shiki syntax highlighting out-of-the-box!
+// See our docs for customization options:
+// https://docs.astro.build/en/guides/markdown-content/#syntax-highlighting
+function getDistance(amount: number) {
+ if (amount === Infinity) {
+ return "and beyond!";
+ } else {
+ return "and the normal distance!";
+ }
+}
+```