Every site needs images, stylesheets, and other static content. Explore how Hugo handles static supporting content by adding images to the project.
- [Instructor] Hugo makes it easy to deal with…other Static content like images and style sheets as well.…The project structure includes a folder called Static.…Any files placed in this Static folder…are automatically copied to the output site.…Let's replace the banner image…that came with the theme with our own custom image.…Inside of the Static folder I'm going…to create a new folder called Image or IMG.…You don't have to do this…but it helps keep things organized.…Now I'm going to grab a file that I have on my computer…and copy it into the Image folder.…
The congif file controls which image…is loaded into that banner.…It can change the header background property…to img/coffee.jpg.…And then start up the Hugo server,…if it's not running already and refresh the preview.…So there's our custom banner image.…Just so you're aware sometimes content like images…aren't automatically updated due to browser caching.…You can save yourself some frustration…and make sure changes are always shown…by opening up the developer panel in your browser.…
- How static sites work
- Advantages of static sites
- Tools for building static sites
- Installing Hugo and Git
- Creating a new Hugo site
- Building a website
- Setting up a deployment pipeline
- Deploying and testing a site
Skill Level Beginner
Amazon Web Services Essential Trainingwith Jeff Winesett5h 2m Intermediate
Amazon Web Services: Storage and Data Managementwith Brandon Rich3h 50m Intermediate
1. How Static Sites Work
2. Set Up Hugo
3. Build a Website
4. Set Up a Deployment Pipeline
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.