11y(Eleventy)
1MB Template for11ty starter template for Blog without client-side JavaScript. Minimal & very easy to set-up.
Features
- Markdown & Nunjucks templates
- Multiple feeds
- RSS
- Atom
- JSON
- Search
- Sitemap
- Reading Time counter
- CSS & HTML minify
- Syntax Highlighting
- Tags
- WebMentions
- Google fonts
Getting started
- Fork this repo, click on "Use this template" button or clone this repo.
git clone https://github.com/AnzenKodo/1mbt my-blog-name # Navigate to the directory cd my-blog-name
- Install dependencies
npm i
Editing 1MBT
You can change Name, Colors, and Fonts of the website by just editing the manifest.json file.
Editing manifest.json
Name | Use | Required |
---|---|---|
name |
Changes website name | Yes |
start_url |
Enter the website root location | Yes |
description |
Description for search engines | |
author |
Your social media username (mainly twitter) | |
email |
For comments & feed | |
portfolio |
Your portfolio URL if you have | |
lang |
ISO language codes | Yes |
repository |
Repository URL | |
theme_color |
Website brand color in HEX format | Yes |
font_color |
Website font color in HEX format | Yes |
font |
Enter Google font name |
Files editing
1mbt
├── .github
│ └── workflows
│ └── publish.yml # Workflow for Github Pages
└── src
├── _includes # Templates
│ ├── base.njk
│ ├── footer.njk # <footer> of website
│ ├── header.njk # <header> of website
│ ├── head.njk # <head> of website
│ ├── postmeta.njk # Posts metadata
│ ├── post.njk # Posts template
│ └── postslist.njk # Posts list
├── _pages
│ ├── _pages.json # Folder pages format data
│ ├── 404.md # 'Page not found' page
│ ├── feed # Feed page feeds
│ │ ├── atom.njk # Atom feed
│ │ ├── json.njk # JSON feed
│ │ ├── rss.njk # RSS feed
│ │ ├── sitemap.njk # Sitemap data
│ │ └── feed.json # Folder pages format data
│ ├── index.md
│ ├── nav # <nav> bar pages
│ │ ├── about.md # About page
│ │ ├── feeds.njk # All feed list
│ │ ├── search.njk # Search page
│ │ ├── tagslist.njk
│ │ ├── tags.njk # Posts tags list
│ │ └── nav.json # Folder format data
│ └── posts
│ ├── posts.json
│ └── This-is-something
│ └── index.njk
└── _static # Static assets
├── favicon.svg # Website favicon
├── manifest.json # Configuration & website manifest file
└── styles # Style files
├── prism.css # <code> block syntax highlighting
└── style.css # Default stylesheet
Deploy
GitHub Pages
- Enable Actions
- Go to your Repository on GitHub then go to Settings -> Actions -> General
- Click on Allow all actions and reusable workflows
- Enable Pages
- Go to your Repository on GitHub then go to Settings -> Pages
- In Source section on Branch select gh-pages then click Save
Vercel & Netlify
Clone this repository on own GitHub account and deploy to Vercel & Netlify:
Demo
Checkout demo website on -> anzenkodo.github.io/1mbt
or
Related
Checkout 11ty.dev/docs/starter for similar projects
Resources
- Eleventy Documentation
- Nunjucks Documentation
- MDN - For JavaScript, HTML & CSS documentation.