A starter repository to build a basic tech blog, using the Static Site Generator 11ty
- Clone the repository
git clone https://github.com/tictechtown/11ty-tech-blog
-
Review
.eleventy.js
and_data/metadata.json
to configure your own website -
Install dependencies
nvm use # if using
npm install
- Build or Run the server
npm run build # build
npm run serve # or run
- [GitHub Pages] https://tictechtown.github.io/11ty-tech-blog/
Deploy this Eleventy site in just a few clicks on these services:
- Get your own Eleventy web site on Netlify
- If you run Eleventy locally you can drag your
_site
folder todrop.netlify.com
to upload it without usinggit
. - Get your own Eleventy web site on Vercel
- TODO - CloudFlare or Github
- add/update your own content by updating the folder
content
- you can use .md file or a njk file
- you can check 11ty website for specs
public/images/logo.png
: your blog logopublic/favicons/apple-touch-icon.png
,public/favicons/favicon.ico
,public/icofaviconsns/favicon-16x16.png
,public/favicons/favicon-32x32.png
, etc: your blog favicon, you can generate from https://realfavicongenerator.net/_data/metadata.json
: your blog configuration_includes/layouts
: your blog HTML layoutpublic/css/index.css
: your blog CSS file
.
├── _data
│ └── metadata.json # Blog Metadata config
│
├── _includes
│ └── layouts # HTML layout files
│ └── partials # HTML partial files
│
├── content
│ └── about # Your about page
│ └── feed # Atom/RSS feeds
│ └── posts # Your blog posts
│ └── sitemap # Sitemap
│ └── 404.md # 404 page
│ └── archive.njk # list of all your posts
│ └── index.njk # home page
│ └── tag.njk # page for a selected tag
│ └── taglist.njk # list of all your tags
│
├── public # Static files
│ └── css # CSS files
│ └── images # Images
| └── favicons # Favicons
│
└── .eleventy.js # config build file