https://github.com/khoiuna/my-blog

My blog built with 11ty
https://github.com/khoiuna/my-blog

11ty blog eleventy liquid

Last synced: 22 days ago
JSON representation

My blog built with 11ty

• Host: GitHub
• URL: https://github.com/khoiuna/my-blog
• Owner: KhoiUna
• Created: 2023-09-27T04:17:26.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-23T06:17:03.000Z (about 1 month ago)
• Last Synced: 2025-01-09T18:23:37.685Z (27 days ago)
• Topics: 11ty, blog, eleventy, liquid
• Language: Liquid
• Homepage: https://blog.imkhoi.com
• Size: 45.9 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# KHOI | Eleventy Blog

## Aims

A blog that still runs without javascript. Hence, no bundlers.

## Features

- Static Site Gen - Eleventy

- Tailwind CSS

- Create excerpts using the ``

- Custom ReadTime filter

* Tags page to view posts related to tag

  - Use of a `tagList` collection defined in `.eleventy.js`

  - `/tags` - show all available tags (excluding all and posts) as buttons (`tags.md`)

  - `/tags/tag-name` - shows all posts related to that tag (`tagList.md`)

* Sitemap and Robots.txt

  - Change site url in `_data/site.json`

* Shortcode

  - Image

    - Add image under `src/assets/img/posts` and use the asset_img short code

    - `{% asset_img 'filename' 'alt_text' %}` eg. `{% asset_img 'mailbox.jpg' 'mailbox' %}`

  - Anchor tag to open link in new tab

    - `{% newtab_link 'https://example.com' 'Display text' %}`

- Draft posts using the `published` frontmatter

* Posts pagination in `index.html`

  - change the `size` frontmatter variable

- ESLint

* Bash script to create new post (based on YYYY and MM)

```bash

$ ./create new blog post

Created new post at src/posts/2021/01/new-blog-post.md

```

## Running locally

Create your blogpost under `src/posts`. I like to have mine sorted by YY/MM.

Navigate to localhost:8080 after starting the server.

```

pnpm start

```

## Deployment

Build Command: `pnpm build`

Output folder: `_site`