In this video, Nate demonstrates how to add a post to the site using Hugo. Nate also covers how Hugo handles draft content and how to preview drafts using Hugo server.
- [Instructor] Like everything else with Hugo, adding new content to a Hugo site starts in the terminal. Inside of my project folder, I can run Hugo, new post, forward slash hello dash world dot md. This creates a new file, which I can see in my editor in the content folder, post-sub folder, and finally, hello dash world dot md, the file I just created. The file name, hello dash world, becomes the URL of the new post and it typically follows the title of the post.
md stands for Markdown, which is the language you'll use to add formatting to your posts and pages. If you're not familiar with Markdown you can visit markdowntutorial.com to get a quick lesson. I'll go ahead and edit the title of this post a little bit and then add some content. Now let's run the Hugo server again to preview the site with this new post. I'll save this file and then in my terminal run Hugo server. When I open up a browser and go to local host the new post does not show up.
This isn't a bug. The reason the new post didn't show up is because it's marked as a draft. You can see this at the top of the new file, draft equals true. Drafts let you work on posts and preview posts before they go live on your site. This whole section at the top of the file is called front matter and I'll explain more about it in a bit. For now, we're not going to change anything here. Instead, in my terminal, I'm going to cancel the Hugo server with control C and then run Hugo server again, but this time with the dash D flag.
Dash D here tells Hugo to render the drafts as well. So now when I go to the browser and refresh I'll see the new post that I created. Next I'll take a closer look at the front matter section at the top of the file.
Author
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
Related Courses
-
Learning Git and GitHub
with Ray Villalobos1h 21m Beginner -
AWS: Storage and Data Management
with Brandon Rich4h 25m Intermediate
-
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
-
- 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.
CancelTake 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.
Share this video
Embed this video
Video: Add a post