Every site needs images, stylesheets, and other static content. Nate explores 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 config file controls…which image is loaded into that banner.…We 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.…
- Advantages of static sites
- Installing Hugo and Git
- Creating a new Hugo site
- Building a new website
- Adding posts, pages, and static content
- Publishing your static site
- Deploying via FTP, AWS, and Netlify
Skill Level Beginner
1. How Static Sites Work
2. Set Up Hugo
3. Build a Website
4. Prepare for Publishing
5. Deploy via FTP
6. Deploy to AWS
7. Deploy with Netlify
- 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.