twk95/11ty-site
Public Access
1
0
Fork 0
Code Actions Packages Activity

updated blog page

Browse Source
This commit is contained in:
Jesus Otero Lagunes
2025-08-07 14:45:30 -04:00
parent d802fe2271
commit 5401b75361
3 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/blog.njk
View File

@@ -8,7 +8,7 @@ layout: "layout.njk"
<div class="space-y-8"> <div class="space-y-8">
{%- for post in collections.posts | reverse -%} {%- for post in collections.posts | reverse -%}
<div class="card"> <div class="card">
<h2 class="text-2xl font-bold mb-2"> <h2 class="text-2xl font-bold">
<a href="{{ post.url }}" class="text-blue-400 hover:underline">{{ post.data.title }}</a> <a href="{{ post.url }}" class="text-blue-400 hover:underline">{{ post.data.title }}</a>
</h2> </h2>
<p class="text-gray-400 mb-4"> <p class="text-gray-400 mb-4">

3
src/posts/8.5.25.md → src/blog/8.5.25.md
View File

@@ -1,8 +1,9 @@
--- ---
title: "My First Blog Post" title: "My First Blog Post"
date: "2025-08-05" date: "2025-08-06"
layout: "post.njk" layout: "post.njk"
tags: "posts" tags: "posts"
excerpt: Made using Eleventy!
--- ---
Welcome to my new blog! This is my very first post. This website was created using eleventy in a custom nodejs docker container, pretty cool huh?? Maybe I'll post the source code one here one day! Welcome to my new blog! This is my very first post. This website was created using eleventy in a custom nodejs docker container, pretty cool huh?? Maybe I'll post the source code one here one day!

20
src/posts/test.md → src/blog/test.md
View File

@@ -1,12 +1,11 @@
--- ---
title: "Second blog post" title: "Test page!"
date: "2025-08-06" date: "2025-08-07"
layout: "post.njk" layout: "post.njk"
tags: "posts"
excerpt: This post is a feature showcase of what you can do with Eleventy
--- ---
## Purpose
This post is a feature showcase of what you can do with Eleventy
## What is Eleventy? ## What is Eleventy?
Eleventy (or 11ty) is a simpler static site generator. It's written in JavaScript and transforms a directory of templates of various types into a folder of plain HTML files. It's known for its flexibility, speed, and the fact that it doesn't ship any client-side JavaScript by default. Eleventy (or 11ty) is a simpler static site generator. It's written in JavaScript and transforms a directory of templates of various types into a folder of plain HTML files. It's known for its flexibility, speed, and the fact that it doesn't ship any client-side JavaScript by default.
@@ -54,11 +53,15 @@ You can extend Markdown's functionality with plugins. For example, with `markdow
## Templating and Data ## Templating and Data
Eleventy can use data from JSON or JavaScript files. Imagine you have a `_data/users.json` file. Eleventy can use data from JSON or JavaScript files. Imagine you have a `_data/users.json` file.
<pre><code class="language-json">[
```json
[
{ "name": "Alice", "role": "Developer" }, { "name": "Alice", "role": "Developer" },
{ "name": "Bob", "role": "Designer" } { "name": "Bob", "role": "Designer" }
...
] ]
</code></pre> ```
You could then use a templating language like Nunjucks within your Markdown file to loop through this data: You could then use a templating language like Nunjucks within your Markdown file to loop through this data:
### Team Members: ### Team Members:
@@ -85,7 +88,8 @@ Layouts allow you to wrap your content in a parent template. For example, this e
In your Markdown file's front matter, you would specify the layout like this: In your Markdown file's front matter, you would specify the layout like this:
``` ```
--- ---
layout: base.njk layout: post.njk
title: My Awesome Page title: My Awesome Page
--- ---
Your Markdown content goes here... Your Markdown content goes here...
```