https://github.com/uncenter/11ty-with-vento

https://github.com/uncenter/11ty-with-vento

Last synced: about 6 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/uncenter/11ty-with-vento
• Owner: uncenter
• Created: 2023-09-15T00:49:47.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-01T17:36:32.000Z (about 1 year ago)
• Last Synced: 2023-10-01T20:53:12.797Z (about 1 year ago)
• Language: JavaScript
• Size: 32.2 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 11ty-with-vento

> [!WARNING]

> This is a work-in-progress! Currently only basic template support is included but I'm working on feature parity with built-in template languages in 11ty like Nunjucks.

This is an experiment with using the [Vento](https://github.com/oscarotero/vento) templating engine instead of Nunjucks/Liquid/etc.

## Usage

**Start the development server**:

```sh

pnpm dev

```

**Build the site for production**:

```sh

pnpm build

```

## Customizing

### Adding a new page

To add a new page, create a new file in the `src` directory. For example, to create a new page at the URL `/about`, create a file at `src/about.{md,vto}`.

### Adding a new layout

To add a new layout, create a new file in the `src/_includes` directory. For example, to create a new layout for posts, create a file at `src/_includes/post.vto`.

### Modifying site metadata

To modify the site metadata, edit the `src/_data/site.json` file. Feel free to add, change, and remove any properties.

To use a property in a template, use `{{ site. }}`. For example, to use the site description in a template, use `{{ site.description }}`.