├── .eleventy.js
├── .eleventyignore
├── .gitignore
├── README.md
├── _includes
└── layout.html
├── assets
├── script.js
└── styles.css
├── index.html
└── netlify.toml
/.eleventy.js:
--------------------------------------------------------------------------------
1 | module.exports = function (eleventyConfig) {
2 | eleventyConfig.addPassthroughCopy("./assets")
3 |
4 | return {
5 | passthroughFileCopy: true,
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/.eleventyignore:
--------------------------------------------------------------------------------
1 | README.md
2 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | _site
2 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Eleventy Skeleton
2 |
3 | Inspired by [Possibly the Easiest Way to Run An SSG](https://css-tricks.com/possibly-the-easiest-way-to-run-an-ssg/).
4 |
5 | No dependencies. No plugins. No preprocessors. Just make a static website.
6 |
7 | Out of the box Netlify deploys. Includes mini CSS reset by Eric Meyer.
8 |
9 | ## Increase your power levels
10 |
11 | 1. [Add sass](https://egghead.io/lessons/11ty-add-sass-compiling-and-watch-for-changes-in-eleventy-11ty)
12 | 3. [Add HTML templating](https://www.11ty.dev/docs/languages/)
13 | 4. [Add JS transpilation/webkit](https://statickit.com/guides/eleventy-webpack)
14 | 5. [Add favicons/device icons](https://www.favicon-generator.org/)
15 | 6. [Add a sitemap](https://developers.google.com/search/docs/advanced/sitemaps/build-sitemap)
16 | 7. [Configure eleventy](https://www.11ty.dev/docs/watch-serve/)
17 |
18 | ## Commands
19 |
20 | These commands assume you're in a unix environment, but they should work anywhere `npx`/`npm` is available.
21 |
22 | ### Develop
23 |
24 | ```sh
25 | $ npx @11ty/eleventy --serve
26 | ```
27 |
28 | ### Build
29 |
30 | ```sh
31 | $ npx @11ty/eleventy
32 | ```
33 |
34 | ## Netlify
35 |
36 | First, enable your Eleventy Skeleton repo on Netlify's interface.
37 |
38 | When prompted, clear the `build` and `publish` fields (that's what your `netlify.toml` is for). Then set your deploy branch (e.g., `main`).
39 |
40 | Now each time you push to your deploy branch you'll also deploy your most recent changes. 🎉
41 |
--------------------------------------------------------------------------------
/_includes/layout.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{ title }}
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | {{ content }}
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/assets/script.js:
--------------------------------------------------------------------------------
1 | ;(function () {
2 | console.log("Hello there!")
3 | })()
4 |
--------------------------------------------------------------------------------
/assets/styles.css:
--------------------------------------------------------------------------------
1 | /* http://meyerweb.com/eric/tools/css/reset/ */
2 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; box-sizing: border-box; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
3 |
4 | /* site styles */
5 |
6 | body {
7 | font-family: monospace, sans-serif;
8 | }
9 |
10 | .content {
11 | padding: 1.5rem;
12 | max-width: 60rem;
13 | margin: 0 auto;
14 | }
15 |
16 | h1 {
17 | padding-bottom: 1rem;
18 | }
19 |
20 | .by {
21 | font-size: 0.6rem;
22 | color: #888;
23 | }
24 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: layout.html
3 | title: Eleventy Skeleton - Barebones Static Template
4 | description: Make your website!
5 | ---
6 |
7 | Thanks for visiting!
8 |
9 | Template by geotrev.
10 |
--------------------------------------------------------------------------------
/netlify.toml:
--------------------------------------------------------------------------------
1 | [build]
2 | base = ""
3 | publish = "_site"
4 | command = "npx @11ty/eleventy"
5 |
--------------------------------------------------------------------------------