Skip to content

about YACHT

after spending a lot of time trying to customize other people’s themes, i decided to create…

YACHT Another Custom Hugo Theme

what is YACHT

YACHT is a punny and recursively named theme for the Hugo static site generator which uses the Catppuccin Palettes, the Tailwind CLI, and which aims to be simple, mobile-first, accessible, responsive, and to have minimal external dependencies.

under construction

getting your own YACHT

the preferred way of getting your own YACHT is by using Hugo modules – in hugo.yaml:

  ...

build:
  buildStats:
    enable: true
  cachebusters:
  - source: 'assets/notwatching/hugo_stats\.json'
    target: css
  - source: '(postcss|tailwind)\.config\.js'
    target: css

hugoVersion:
   min: "0.166.0"
   extended: true

module:
  mounts:
  - source: assets
    target: assets
  - disableWatch: true
    source: hugo_stats.json
    target: assets/notwatching/hugo_stats.json
  imports:
    - path: github.com/ejsdotsh/yacht-hugo-theme
      disable: false

security:
  exec:
    allow:
    - ^(dart-)?sass$
    - ^go$
    - ^git$
    - ^node$
    - ^postcss$
    - ^tailwindcss$

markup:
  goldmark:
    renderer:
      unsafe: true
  duplicateResourceFiles: true

  ...

then run:

npm install --save-dev tailwindcss @tailwindcss/cli @tailwindcss/typography

hugo mod get -u ./...

under construction

references