Nate demonstrates how you can use the built-in Hugo server to quickly preview your site and see updates live as you make changes to the site files.
- [Instructor] Let's take a look…at what the site looks like so far.…In the terminal, I can run hugo server.…This command will build all of the site files,…and then Hugo will post them for us in memory.…Now I can open a browser and go to localhost:1313.…You should see the basic layout and structure of the site.…Hugo is hosting this preview for you…on your local machine, and it's not available…or accessible to anyone else.…If you make changes to the site files,…this preview server will update immediately.…
For example, if we change the header_title property…in the configuration file to something…like my awesome static site, and then save this file,…the preview in the browser is updated…before we even have a chance to switch back.…Hugo updates really fast.…This is looking good so far, but now…it's time to add some real content to the site.…
Author
Nate Barbettini
Released
12/14/2018- 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
Duration
Views
-
Introduction
-
1. How Static Sites Work
-
How static sites work1m 55s
-
Advantages of static sites1m 20s
-
Choosing a static site tool2m 13s
-
-
2. Set Up Hugo
-
Why Hugo?43s
-
Install Hugo46s
-
Install Git29s
-
Create a new Hugo site1m 49s
-
Add a Hugo theme1m 29s
-
The site configuration file1m 58s
-
-
3. Build a Website
-
Add a post1m 52s
-
Add a page2m 17s
-
Add static content2m 45s
-
Customize the error page1m 28s
-
Generate the site files1m 41s
-
-
4. Prepare for Publishing
-
Set up GitHub1m 46s
-
Set up Travis CI3m 24s
-
5. Deploy via FTP
-
Deploy via FTP overview2m 2s
-
Set up Node and npm1m 40s
-
Connect to the server7m 21s
-
Collect the local files4m 51s
-
Upload the site content2m 43s
-
FTP next steps1m 2s
-
-
6. Deploy to AWS
-
Deploy to AWS overview1m 53s
-
Set up Amazon S31m 54s
-
Set up Amazon CloudFront4m 8s
-
Configure DNS1m 24s
-
Define an AWS user3m 24s
-
Deploy to AWS with Travis CI4m 16s
-
-
7. Deploy with Netlify
-
Conclusion
-
Deployment recap32s
-
Next steps33s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press 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.
Share this video
Embed this video
Video: Preview the site locally