View the live demo here, hosted on Netlify
A blog that still runs without javascript. Hence, no bundlers.
Static Site Gen - Eleventy
Tailwind CSS v2.0 / Tailwind Typography / Dark Mode
Create excerpts using the <!-- excerpt -->
Custom ReadTime filter
404 page
Tags page to view posts related to tag
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
_data/site.json
Shortcode to handle images
src/assets/img/posts
and use the asset_img short code{% post_img 'filename' 'alt_text' %}
eg. {% post_img 'mailbox.jpg' 'mailbox' %}
published
frontmatterindex.html
size
frontmatter variable$ ./create new blog post
Created new post at src/posts/2021/01/new-blog-post.md
Create your blogpost under src/posts
. I like to have mine sorted by YY/MM.
Navigate to localhost:8080 after starting the server.
npm install
npm run dev
# or
pnpm install
pnpm dev
Just commit and push to master
branch, a GitHub Action will start and deploy.
Build Command: npm run build
or pnpm dev
Output folder: _site