https://github.com/hoodscott/hoodscott.github.io

Personal Site Hosted with Github Pages
https://github.com/hoodscott/hoodscott.github.io

eleventy eleventy-website

Last synced: about 1 month ago
JSON representation

Personal Site Hosted with Github Pages

• Host: GitHub
• URL: https://github.com/hoodscott/hoodscott.github.io
• Owner: hoodscott
• Created: 2017-11-17T21:12:38.000Z (about 7 years ago)
• Default Branch: dev
• Last Pushed: 2024-08-01T21:23:00.000Z (5 months ago)
• Last Synced: 2024-08-02T00:23:01.649Z (5 months ago)
• Topics: eleventy, eleventy-website
• Language: JavaScript
• Homepage: http://hoodscott.github.io
• Size: 1.14 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [hoodscott.github.io](http://hoodscott.github.io)

The site is generated using [Eleventy](https://www.11ty.dev/) which stitches together some HTML and Nunjucks files to create the website. It uses a simple script to generate this site, with only some small configuration changes. These allow for HTML attributes to be specified in the Markdown files, for containers to be created around lines of Markdown, and minifies the HTML files using a transform which cuts the filesize down by around 10%.

Once the site is built with Eleventy, there is a postCSS script that is ran to autoprefix and then minify the CSS. There are some npm scripts that can be ran to automate the above processes.

## Useful Command

- `npm run 11ty:s` Boot up a local Browsersync web server to build site hosted on localhost which refreshes automatically when new changes are made.

## Deploy

- Delete contents of `_site` directory.

- `npm run 11ty` Runs build scripts to generate the html and css files into the `_site`.

- `npm run css` Autoprefixes and then minifies the CSS.

- Copy contents of `_site` to root of `gh-pages` branch, commit, and push