A Hugo starter project and theme used for harrycresswell.com.
- Hugo pipes for SCSS, Sourcemaps, PostCSS Autoprefixer and JS
- Lazysizes.js for image lazy loading
- Responsive image with Cloudinary
- Minimal dependencies
Read more about it in How I built this site.
Clone this repository:
git clone https://github.com/harrycresswell/harry.git
This will install the necessary dependencies.
To start a local development server at at
This is a simple NPM Script which
hugo server --disableFastRender.
Whe your ready to build a production ready site, update the
config.toml then run:
npm run clean && npm run build
This will remove the
/public folder and run a fresh build ready for production.
A few of the basic concepts to get the most out of using this theme.
Create a new markdown file in the
hugo new articles/my-new-article.md
Create a new page in the
hugo new page/my-new/page.md
Follow the same steps for notes and projects.
Write your Sass inside
With the server running (
npm start) Hugo will watch your Sass for changes, then pipe them to
./public/css/main.css and reload the browser.
Making layout changes
To make changes to the layout head to
./themes/hc-starter where you will find
/layouts. Inside there you will find templates for partials, shortcodes and taxonomies.