Go to file Use this template
Nexan 5e5fb78421 updated files
package.json and package-lock.json updated to include ftp-deploy, sample deploy.js added for future use
2024-01-20 00:04:16 -06:00
src template commit 2024-01-19 23:59:52 -06:00
.eleventy.js template commit 2024-01-19 23:59:52 -06:00
.eslintignore template commit 2024-01-19 23:59:52 -06:00
.eslintrc.json template commit 2024-01-19 23:59:52 -06:00
.gitignore template commit 2024-01-19 23:59:52 -06:00
.node-version template commit 2024-01-19 23:59:52 -06:00
README.md template commit 2024-01-19 23:59:52 -06:00
blog-dark.png template commit 2024-01-19 23:59:52 -06:00
blog-v2.png template commit 2024-01-19 23:59:52 -06:00
create template commit 2024-01-19 23:59:52 -06:00
deploy.js updated files 2024-01-20 00:04:16 -06:00
package-lock.json updated files 2024-01-20 00:04:16 -06:00
package.json updated files 2024-01-20 00:04:16 -06:00
postcss.config.js template commit 2024-01-19 23:59:52 -06:00
robots.txt template commit 2024-01-19 23:59:52 -06:00
tailwind.config.js template commit 2024-01-19 23:59:52 -06:00
tailwind.css template commit 2024-01-19 23:59:52 -06:00

README.md

Blog starter

Netlify Status

View the live demo here, hosted on Netlify

homepage darkmode

Aims

A blog that still runs without javascript. Hence, no bundlers.

Features

  • 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

    • Use of a 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

    • Change site url in _data/site.json
  • Shortcode to handle images

    • Add image under src/assets/img/posts and use the asset_img short code
    • {% asset_img 'filename' 'alt_text' %} eg. {% asset_img 'mailbox.jpg' 'mailbox' %}
  • Draft posts using the published frontmatter
  • Posts pagination in index.html
    • change the size frontmatter variable
  • ESLint
  • Bash script to create new post (based on YYYY and MM)
$ ./create new blog post
Created new post at src/posts/2021/01/new-blog-post.md

Running locally

Create your blogpost under src/posts. I like to have mine sorted by YY/MM.

Navigate to localhost:8080 after starting the server.

npm start

Deployment

On Netlify / Surge / Firebase hosting / etc hosting providers

Build Command: npm run build

Output folder: _site