Run the following command on your local environment:
git clone --depth=1 https://github.com/ixartz/Eleventy-Starter-Boilerplate.git my-project-name
cd my-project-name
npm install
Then, you can run locally in development mode with live reload:
npm run dev
Open http://localhost:8080 with your favorite browser to see your blog.
.
βββ public # Static files
β βββ assets
β βββ images # Images not needed by Webpack
βββ src
βββ _data # Eleventy data folder
βββ _includes
β βββ layouts # HTML layout files
βββ assets # Assets folder that needs to be processed by Webpack
β βββ images
β β βββ posts # Images used in your blog posts (will be compressed by Webpack)
β βββ styles # Your blog CSS files
βββ posts # Your blog posts
You can easily configure Eleventy Starter Boilerplate. Please change the following file:
public/assets/images/logo.png
: your blog logopublic/apple-touch-icon.png
, public/favicon.ico
, public/favicon-16x16.png
and public/favicon-32x32.png
: your blog favicon, you can generate from https://favicon.io/favicon-converter/src/_data/site.json
: your blog configurationsrc/_includes/layouts
: your blog HTML layoutsrc/assets/styles/main.css
: your blog CSS file using Tailwind CSSYou can see the results locally in production mode with:
npm run serve
The generated HTML and CSS files are minified. It will also removed unused CSS from Tailwind CSS.
You can create an optimized production build with:
npm run build
Now, your blog is ready to be deployed. All generated files are located at _site
folder, which you can deploy with any hosting service.
Clone this repository on own GitHub account and deploy to Netlify:
If you don't use Netlify, you can easily remove all Netlify related files:
public/admin
, the entier foldersrc/_includes/layouts/base.ejs
, the loaded script netlify-identity-widget.js
and the inline script if (window.netlifyIdentity) { ...
netlify.toml
, the entire file