DEV Community

Cover image for How to add custom javascript to Hugo
Chris Connelly
Chris Connelly

Posted on

1 2

How to add custom javascript to Hugo

#hugo #javascript #go

Add the following to your config.toml

custom_js = ["js/custom.js"]
Enter fullscreen mode Exit fullscreen mode

in your head.html

{{ range .Site.Params.custom_js -}}
    <link rel="stylesheet" href="{{ . | absURL }}">
{{- end }}
Enter fullscreen mode Exit fullscreen mode

Under static -->js
save your custom.js file!

Rebuild

Top comments (0)

profile
Pieces.app
 Promoted

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

Read next

awedis profile image

Build a Smart Chatbot with AWS Lambda, Lex, and Enhanced Sentiment Analysis - (Let's Build 🏗️ Series)

awedis -

rezmoss profile image

The Grand Finale: Mastering Go's Crypto Package, Go Crypto 14

Rez Moss -

kevin-uehara profile image

Chrome DevTools: Everything You Need to Know

Kevin Toshihiro Uehara -

sharathchandark profile image

Create a Flappy Bird Game with HTML, CSS, Canvas, and JavaScript-Complete Tutorial

sharathchandark -