Thanks to visit codestin.com
Credit goes to github.com

Skip to content

nszilard/aurora

Repository files navigation

Aurora logo Aurora

A fully responsive Hugo theme featuring a minimalist and user-friendly design, with a focus on delivering a seamless user experience across multiple devices.

Features

  • Minimalist design
  • Fully responsive
  • Card design
  • Experience timeline
  • Project cards
  • Dark theme
  • Post categories and topics
  • Syntax highlighting
  • Analytics (Cloudflare & GoatCounter)
  • PWA

Requirements

  • Hugo v0.111.0 (or later) - With extended feature set
  • Golang v1.18 (or later)
  • Node LTS version (v16 or later)

Usage

1. Initialize Hugo modules

Initialize Hugo modules in your repository. This will create a go.mod file.

hugo mod init github.com/<username>/<repo_name>

2. Import the theme as a module

In your hugo.yaml file's module section, add a new import for the Aurora theme:

Info: Optionally, you can enable deep merge to make use of the defaults

# hugo.yaml
_merge: deep

module:
  imports:
  - path: github.com/nszilard/aurora

3. Update your modules

Finally, fetch the latest version:

hugo mod get -u github.com/nszilard/aurora
hugo mod tidy

4. Configure PurgeCSS

In order to minimize CSS files, you can use @fullhuman/postcss-purgecss and postcss-cli packages.

npm install @fullhuman/postcss-purgecss postcss-cli

Next you will have to configure purge-css by adding the following file at the root of your repo:

// File: postcss.config.js
const purgecss = require('@fullhuman/postcss-purgecss')({
  content: ['./hugo_stats.json'],
  safelist: [],
  defaultExtractor: (content) => {
    let els = JSON.parse(content).htmlElements;
    return els.tags.concat(els.classes, els.ids);
  }
});

module.exports = {
  plugins: [
    purgecss
  ]
};

Analytics

Aurora supports optional integration with Cloudflare Web Analytics and GoatCounter. Both services are privacy-friendly and provide valuable insights about your site traffic.

Configuration

Add the following to your hugo.yaml file:

# hugo.yaml
params:
  analytics:
    enabled: true
    # For using Cloudflare Web Analytics
    cloudflare:
      code: 'your-cloudflare-analytics-token'
    # For using GoatCounter
    goatCounter:
      code: 'your-site-code'

Privacy Notes

Both Cloudflare Web Analytics and GoatCounter are privacy-focused:

  • ✅ No cookies
  • ✅ GDPR compliant
  • ✅ No personal data collection
  • ✅ Lightweight and fast

About

A fully responsive Hugo theme featuring a minimalist and user-friendly design.

Topics

Resources

License

Stars

Watchers

Forks